/* ---------------------------------------------------------------- SCALES
   Mode- and preset-independent. Emitted once. */
:root {
  color-scheme: light dark;
  --maineaa-font-scale: 1;

  /* spacing — 4px base, rem */
  --maineaa-space-1: .25rem;   /*  4px */
  --maineaa-space-2: .5rem;    /*  8px */
  --maineaa-space-3: .75rem;   /* 12px */
  --maineaa-space-4: 1rem;     /* 16px */
  --maineaa-space-5: 1.5rem;   /* 24px */
  --maineaa-space-6: 2rem;     /* 32px */
  --maineaa-space-7: 3rem;     /* 48px */
  --maineaa-space-8: 4rem;     /* 64px */

  /* radius */
  --maineaa-radius-sm: 8px;
  --maineaa-radius: 12px;
  --maineaa-radius-lg: 16px;
  --maineaa-radius-pill: 100px;

  /* fluid type — modular ratio 1.2, body 1rem→1.125rem, fluid 320px→1280px */
  --maineaa-text-sm:   clamp(0.8333rem, 0.7986rem + 0.174vw, 0.9375rem); /* step -1 · caption */
  --maineaa-text-base: clamp(1rem,      0.9583rem + 0.208vw, 1.125rem);  /* step  0 · body   */
  --maineaa-text-md:   clamp(1.2rem,    1.15rem   + 0.25vw,  1.35rem);   /* step  1 */
  --maineaa-text-lg:   clamp(1.44rem,   1.38rem   + 0.3vw,   1.62rem);   /* step  2 */
  --maineaa-text-xl:   clamp(1.728rem,  1.656rem  + 0.36vw,  1.944rem);  /* step  3 */
  --maineaa-text-2xl:  clamp(2.0736rem, 1.9872rem + 0.432vw, 2.3328rem); /* step  4 */
  --maineaa-text-3xl:  clamp(2.4883rem, 2.3846rem + 0.518vw, 2.7994rem); /* step  5 · hero */

  /* shadows — LIGHT default (cool ink-tinted, soft). Dark overrides below. */
  --maineaa-shadow-sm: 0 1px 2px rgba(15,42,56,.06), 0 1px 1px rgba(15,42,56,.04);
  --maineaa-shadow-md: 0 2px 4px rgba(15,42,56,.07), 0 6px 16px rgba(15,42,56,.06);
  --maineaa-shadow-lg: 0 12px 28px rgba(15,42,56,.12), 0 4px 10px rgba(15,42,56,.08);

  /* default font pair (traditional) — overridden by [data-maineaa-font] */
  --maineaa-font-body: "Source Sans 3", system-ui, sans-serif;
  --maineaa-font-display: "Libre Baskerville", Georgia, serif;
}

/* ---------------------------------------------------------------- FONT PAIRS */
:root[data-maineaa-font="modern"] {
  --maineaa-font-body: "Manrope", system-ui, sans-serif;
  --maineaa-font-display: "Syne", system-ui, sans-serif;
}
:root[data-maineaa-font="traditional"] {
  --maineaa-font-body: "Source Sans 3", system-ui, sans-serif;
  --maineaa-font-display: "Libre Baskerville", Georgia, serif;
}

/* ---------------------------------------------------------------- COLOR · LIGHT (default) */
:root {
  --maineaa-bg: #f5efe7;
  --maineaa-surface: #fffaf2;
  --maineaa-soft: #dcf5ff;
  --maineaa-ink: #1a262b;
  --maineaa-muted: #4d5b61;
  --maineaa-dim: #69777d;
  --maineaa-brand: #0e6a86;
  --maineaa-brand-dark: #00536e;
  --maineaa-on-brand: #ffffff;
  --maineaa-brand-text: #0e6a86;
  --maineaa-accent: #d68c1f;
  --maineaa-on-accent: #1a262b;
  --maineaa-line: rgba(26, 38, 43, 0.12);
  --maineaa-border-strong: #8a857e;
}

/* ---------------------------------------------------------------- COLOR · DARK
   Auto via prefers-color-scheme AND manual via [data-theme="dark"]. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --maineaa-bg: #091114;
    --maineaa-surface: #131b1e;
    --maineaa-soft: #0a161b;
    --maineaa-ink: #e9e4dd;
    --maineaa-muted: #a8a49d;
    --maineaa-dim: #847f79;
    --maineaa-brand: #0e6a86;
    --maineaa-brand-dark: #00536e;
    --maineaa-on-brand: #e9e4dd;
    --maineaa-brand-text: #3e8eab;
    --maineaa-accent: #d68c1f;
    --maineaa-on-accent: #1a262b;
    --maineaa-line: rgba(233, 228, 221, 0.14);
    --maineaa-border-strong: #616b6f;
    --maineaa-shadow-sm: 0 1px 2px rgba(0,0,0,.45);
    --maineaa-shadow-md: 0 3px 10px rgba(0,0,0,.55);
    --maineaa-shadow-lg: 0 14px 34px rgba(0,0,0,.65);
  }
}
:root[data-theme="dark"] {
  --maineaa-bg: #091114;
  --maineaa-surface: #131b1e;
  --maineaa-soft: #0a161b;
  --maineaa-ink: #e9e4dd;
  --maineaa-muted: #a8a49d;
  --maineaa-dim: #847f79;
  --maineaa-brand: #0e6a86;
  --maineaa-brand-dark: #00536e;
  --maineaa-on-brand: #e9e4dd;
  --maineaa-brand-text: #3e8eab;
  --maineaa-accent: #d68c1f;
  --maineaa-on-accent: #1a262b;
  --maineaa-line: rgba(233, 228, 221, 0.14);
  --maineaa-border-strong: #616b6f;
  --maineaa-shadow-sm: 0 1px 2px rgba(0,0,0,.45);
  --maineaa-shadow-md: 0 3px 10px rgba(0,0,0,.55);
  --maineaa-shadow-lg: 0 14px 34px rgba(0,0,0,.65);
}