/* Aulendra web tokens (2026 redesign). Source: TEAM-BOARD.md "DESIGN DIRECTION".
   Shares typefaces, spacing and motion curves with Granwel; own palette (teal on near-black).
   Dark is the cinematic default for the hero; light for reading sections follows the OS setting. */
:root{
  color-scheme:light dark;
  --a-bg:#f6f6f2; --a-surface:#ecece6; --a-raised:#fbfbf8; --a-line:#d9d9d3;
  --a-ink:#14161b;     /* 16.9:1 */
  --a-ink-2:#454852;   /* 8.0:1  */
  --a-ink-3:#5f626c;   /* 5.6:1  */
  --a-accent:#0b6f66;  /* 5.6:1 text and fills with white label 5.9:1 */
  --a-accent-ink:#ffffff;
  --a-mint:#c4eedf;
  --a-stage:#0b1413;   /* cinematic hero/stage ground, both themes */
  --a-on-stage:#eef4f2; --a-on-stage-2:#aebfba; --a-on-stage-accent:#5fd6c5; /* 14:1, 9:1, 10:1 on stage */
  --a-glow:#3bbfae33;  /* radial wash behind device, opacity-only layer */
  --a-success:#1f7a4d; --a-warning:#8a5410; --a-error:#b02e2e;
  --a-focus:var(--a-accent);
  --a-font-sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --a-font-serif:"Newsreader",Georgia,serif;
  --a-fs-display:clamp(3rem,2rem + 5.4vw,6.5rem); /* lh .98, ls -0.055em, 500 */
  --a-fs-h2:clamp(2.125rem,1.5rem + 2.8vw,3.75rem);
  --a-fs-h3:clamp(1.25rem,1.1rem + .6vw,1.625rem);
  --a-fs-lead:clamp(1.125rem,1.05rem + .4vw,1.375rem);
  --a-fs-body:1.0625rem; --a-fs-small:.875rem; --a-fs-label:.8125rem;
  --a-s-1:4px; --a-s-2:8px; --a-s-3:12px; --a-s-4:16px; --a-s-5:24px; --a-s-6:32px; --a-s-7:48px; --a-s-8:64px; --a-s-9:96px; --a-s-10:160px;
  --a-section:clamp(5rem,10vw,10rem);
  --a-wrap:1240px; --a-gutter:clamp(1.25rem,5vw,4rem);
  --a-r-1:6px; --a-r-2:12px; --a-r-device:20px; --a-r-pill:999px; /* device/screenshot frames use --a-r-device */
  --a-shadow-device:0 40px 80px -32px #000a, 0 12px 24px -12px #0006; /* floating product only */
  --a-ease:cubic-bezier(.22,1,.36,1); --a-ease-inout:cubic-bezier(.77,0,.175,1); --a-ease-drawer:cubic-bezier(.32,.72,0,1);
  --a-d-press:120ms; --a-d-fast:200ms; --a-d-base:360ms; --a-d-reveal:700ms; --a-d-hero:1100ms; --a-stagger:80ms;
  --a-target:48px;
  /* legacy aliases so existing site.css keeps working during the rebuild */
  --paper:var(--a-bg); --canvas:var(--a-bg); --sheet:var(--a-raised); --shelf:var(--a-surface); --surface:var(--a-surface);
  --ink:var(--a-ink); --ink2:var(--a-ink-2); --ink3:var(--a-ink-3); --rule:var(--a-line); --line:var(--a-line);
  --accent:var(--a-accent); --focus:var(--a-focus); --mint:var(--a-mint);
}
@media (prefers-color-scheme:dark){:root{
  --a-bg:#0c1211; --a-surface:#121b19; --a-raised:#17221f; --a-line:#26332f;
  --a-ink:#edf3f1;     /* 16.2:1 */
  --a-ink-2:#b4c2be;   /* 9.5:1  */
  --a-ink-3:#92a29d;   /* 6.6:1  */
  --a-accent:#4fcdbb;  /* 9.9:1 */
  --a-accent-ink:#06201c;
  --a-glow:#3bbfae40;
  --a-success:#60ba82; --a-warning:#efa442; --a-error:#e56767;
}}
@media (prefers-reduced-motion:reduce){:root{--a-d-reveal:1ms;--a-d-hero:1ms;--a-d-base:1ms;--a-stagger:0ms}}