/* =============================================================================
   PALETTE — raw scale values from baseColors.ts
   ============================================================================= */
:root {
  font-size: 100%;

  /* newGrey */
  --palette-grey-05:  #f5f5f5;
  --palette-grey-10:  #e9e9e9;
  --palette-grey-20:  #dcdcdc;
  --palette-grey-30:  #cecece;
  --palette-grey-50:  #858589;
  --palette-grey-60:  #6d6d71;
  --palette-grey-70:  #555559;
  --palette-grey-80:  #3f3f42;
  --palette-grey-90:  #2a2a2b;
  --palette-grey-100: #161617;

  /* newBrand (lime green) */
  --palette-brand-05: #fcfef1;
  --palette-brand-10: #f8fdde;
  --palette-brand-50: #D9EE50;
  --palette-brand-60: #b0c13d;
  --palette-brand-70: #89972c;
  --palette-brand-80: #646e1d;

  /* zinc — dark mode neutral scale */
  --palette-zinc-05:  #F5F5F5;
  --palette-zinc-10:  #EDEDED;
  --palette-zinc-30:  #A1A1AA;
  --palette-zinc-50:  #71717A;
  --palette-zinc-70:  #27272A;
  --palette-zinc-80:  #18181B;
  --palette-zinc-90:  #121217;
  --palette-zinc-100: #050509;

  /* status */
  --palette-red-50:    #FD5254;
  --palette-green-50:  #09C590;
  --palette-yellow-50: #EEAD51;
  --palette-blue-50:   #467EE5;
}

/* =============================================================================
   SEMANTIC TOKENS — light mode defaults
   Override in [data-md-color-scheme="slate"] for dark mode.
   ============================================================================= */
:root {
  /* backgrounds */
  --color-bg:         #ffffff;
  --color-bg-page:    var(--palette-grey-05);
  --color-bg-surface: #ffffff;
  --color-bg-hover:   var(--palette-grey-05);

  /* text */
  --color-text-primary:   var(--palette-grey-100);
  --color-text-secondary: var(--palette-grey-70);
  --color-text-helper:    var(--palette-grey-50);

  /* borders */
  --color-border-subtle: var(--palette-grey-10);
  --color-border-strong: var(--palette-grey-20);

  /* accent / brand */
  --color-accent:       var(--palette-brand-50);
  --color-accent-strong: var(--palette-brand-60);
  --color-accent-text:  var(--palette-brand-70); /* accessible on white */

  /* links */
  --color-link:       var(--color-text-secondary);
  --color-link-hover: var(--color-text-primary);

  /* header (fixed navy — not in newBrandTheme but established ADK brand) */
  --color-header-bg:      #fff;
  --color-header-bg-dark: #1d2740;

  /* code */
  --color-code-bg: var(--palette-grey-05);

  /* search */
  --color-search-bg:          var(--palette-grey-05);
  --color-search-bg-focus:    var(--palette-grey-10);
  --color-search-border:      var(--palette-grey-20);
  --color-search-text:        var(--palette-grey-100);
  --color-search-placeholder: var(--palette-grey-50);
  --color-search-icon:        var(--palette-grey-60);
  --color-search-highlight:   var(--palette-grey-100);
  --color-search-result-text: var(--palette-grey-70);

  /* scrollbar */
  --color-scrollbar-thumb: var(--palette-grey-30);
  --color-scrollbar-track: transparent;

  /* legacy aliases — kept for any markdown/content references */
  --brand-accent:        var(--color-accent);
  --brand-accent-strong: var(--color-accent-strong);
}

/* =============================================================================
   TYPOGRAPHY + SPACING TOKENS
   ============================================================================= */
:root {
  --radius-s: 0.25rem;
  --radius-m: 0.4rem;

  --content-width: 46rem;

  /* font sizes */
  --font-size-xs:   0.68rem;
  --font-size-s:    0.75rem;  /* 12px */
  --font-size-base: 0.875rem; /* 14px */
  --font-size-m:    1rem;     /* 16px */
  --font-size-l:    0.95rem;
  --font-size-xl:   1rem;
  --font-size-2xl:  1.2rem;
  --font-size-3xl:  2.2rem;

  /* line heights */
  --line-height-tight:   1.12;
  --line-height-snug:    1.25;
  --line-height-normal:  1.3;
  --line-height-relaxed: 1.65;
  --line-height-loose:   1.75;

  /* font weights */
  --font-weight-normal: 400;
  --font-weight-semi:   600;
  --font-weight-bold:   650;
  --font-weight-bolder: 700;

  /* letter spacing */
  --letter-spacing-tight: -0.035em;
  --letter-spacing-snug:  -0.02em;
  --letter-spacing-wide:   0.08em;
}