/* WAEV — owner-approved dark Aegean visual tokens, 7 August 2026 */
:root{
  --aegean-1000:#00131b;--aegean-980:#00171e;--aegean-950:#00191f;--aegean-930:#001d23;
  --aegean-900:#012026;--aegean-870:#03272c;--aegean-840:#062d31;--aegean-800:#0a3439;
  --aegean-soft:#1b383c;--aegean-700:#0b3439;
  --sand:#e0b49a;--nude:#d79280;--blush:#de847b;--rose:#d87973;--rose-deep:#bb6c61;
  --cream:#ead8ca;--warm-white:#f3e7dd;--muted:#a89990;--muted-2:#7f7774;
  --w-bg:var(--aegean-1000);--w-surface:var(--aegean-900);--w-surface-raised:var(--aegean-870);
  --w-surface-high:var(--aegean-800);--w-text:var(--cream);--w-text-2:var(--muted);--w-text-3:var(--muted-2);
  --w-hairline:rgba(224,180,154,.14);--w-hairline-2:rgba(224,180,154,.24);
  --w-accent:var(--blush);--w-accent-strong:var(--rose);--w-accent-fill:var(--rose-deep);
  --w-on-accent:var(--aegean-1000);--w-quiet:var(--sand);--w-danger:#e8837c;--w-danger-2:#ffb3ad;
  --w-display:"Cormorant Garamond",Georgia,serif;--w-ui:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --w-mono:"JetBrains Mono",ui-monospace,monospace;
  --w-s-2xs:.75rem;--w-s-xs:.8125rem;--w-s-sm:.875rem;--w-s-base:1rem;--w-s-md:1.125rem;
  --w-s-lg:1.375rem;--w-s-xl:1.75rem;--w-s-2xl:2.25rem;--w-s-3xl:3rem;
  --w-measure:64ch;--w-leading:1.6;--w-touch:44px;
  --w-r-ctl:8px;--w-r-card:18px;--w-r-pill:999px;--w-r-avatar:50%;
  --w-elev-1:0 1px 2px rgb(0 0 0/.35);--w-elev-2:0 20px 60px rgb(0 0 0/.25);
  --w-glow:0 0 26px rgb(222 132 123/.16);
  --w-dur-1:120ms;--w-dur-2:220ms;--w-dur-3:360ms;--w-ease:cubic-bezier(.2,.75,.25,1);
  --w-focus:0 0 0 2px var(--aegean-1000),0 0 0 4px var(--blush);
  --w-z-sticky:100;--w-z-drawer:200;--w-z-modal:300;--w-z-toast:400;
  --w-grad-deep:radial-gradient(1000px 560px at 70% -120px,rgb(19 74 76/.28),transparent 66%),linear-gradient(135deg,var(--aegean-980),var(--aegean-1000));
  --w-grad-live:radial-gradient(120% 100% at 85% 0%,rgb(222 132 123/.13),transparent 62%);
}
@media(prefers-reduced-motion:reduce){:root{--w-dur-2:0ms;--w-dur-3:0ms}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:none;box-shadow:var(--w-focus)}
@media(forced-colors:active){:where(a,button,[tabindex]):focus-visible{outline:3px solid CanvasText;outline-offset:2px}}