@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&display=swap');

@layer typedoc {
  :root {
    /* Light theme: warm octez.js palette */
    --light-color-background: #fdf6ec;
    --light-color-background-secondary: #f5e8d4;
    --light-color-background-active: #eccdaa;
    --light-color-accent: #e2aa6c;
    --light-color-active-menu-item: #eccdaa;
    --light-color-link: #b86e1a;
    --light-color-focus-outline: #d3822b;
    --light-color-text: #333333;
    --light-color-contrast-text: #1a1a1a;
    --light-color-text-aside: #5c4a35;

    /* Dark theme: keep it usable, just warm the tones */
    --dark-color-background: #2a2420;
    --dark-color-background-secondary: #1e1a16;
    --dark-color-background-active: #4a3f34;
    --dark-color-accent: #8a6d4a;
    --dark-color-active-menu-item: #4a3f34;
    --dark-color-link: #f0a840;
    --dark-color-focus-outline: #d3822b;
  }

  /* Font */
  body {
    font-family: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI',
      'Roboto', sans-serif;
  }

  /* Logo next to the project title in the top toolbar */
  .tsd-page-toolbar a.title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
  }

  .tsd-page-toolbar a.title::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('data:image/svg+xml,\
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.4 36.3">\
        <path fill="%2324272A" d="M24.7,16.2c0,0,3,0.3,5.4-2c3.2-2.5,3.7-11.1-3-13.2c-0.5-0.1-1-0.1-1.5-0.1H7.2c-1,0-2,0.2-2.9,0.5c-0.9,0.4-1.7,1-2.4,1.7C0.6,4.5,0,6.3,0,8.6c0,2.2,0.6,4.1,1.9,5.4c0.7,0.7,1.5,1.3,2.4,1.7c0.9,0.4,1.9,0.6,2.9,0.5v12.1c0,3,1.3,4.9,2.4,5.9c1.5,1.4,3.6,2.1,6.2,2.1s4.6-0.7,6.2-2.1c1.2-1.2,1.5-2.2,2-3.5C25.1,28.8,24.7,16.2,24.7,16.2z"/>\
        <path fill="%23D3832B" d="M7.2,11.7c-0.4,0-0.7,0-1.1-0.2c-0.3-0.1-0.6-0.3-0.9-0.6c-0.5-0.5-0.7-1.3-0.7-2.4s0.2-1.9,0.7-2.4c0.3-0.3,0.6-0.5,0.9-0.6s0.7-0.2,1.1-0.2h17.1c0.4,0,0.7,0,1.1,0.2c0.3,0.1,0.7,0.3,0.9,0.6C26.8,6.7,27,7.5,27,8.6s-0.2,1.9-0.7,2.4c-0.3,0.3-0.6,0.5-0.9,0.6s-0.7,0.2-1.1,0.2h-4.5v16.6c0,1.1-0.3,2-1,2.6s-1.7,0.9-3.1,0.9s-2.4-0.3-3.1-0.9c-0.7-0.6-1-1.5-1-2.6V11.7H7.2z"/>\
      </svg>');
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
  }

  /* Toolbar gets a subtle warm tint */
  .tsd-page-toolbar {
    border-bottom: 2px solid #d3822b;
  }
}