/* ARIA: authoritative shared design and motion tokens. Marketing controls use a 240ms context override. */
:root{
  --aria-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,"Helvetica Neue",Arial,sans-serif;
  --brand-ink:#262332;
  --brand-muted:#696573;
  --brand-accent:#6552bd;
  --brand-accent-hover:#51409d;
  --brand-tint:#ede8fa;
  --brand-page:#f6f5f9;
  --brand-surface:#fff;
  --brand-line:#e5e1ec;
  --brand-teal:#26816e;
  --brand-warning:#8b641f;
  --brand-error:#a52943;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --shadow-soft:0 5px 24px #26233205;
  --shadow-floating:0 24px 60px -18px #26233220;
  --focus-ring:0 0 0 4px #6552bd26;
  --type-display:clamp(48px,6vw,90px);
  --type-title:32px;
  --type-body:15px;
  --type-caption:12px;
  --radius-control:12px;
  --radius-pill:999px;
  --motion-fast:180ms;
  --motion-reveal:650ms;
  --ease-aria:cubic-bezier(.22,.68,0,1.01);
  --control-height:44px;
  --motion-control:200ms;
  --motion-view:280ms;
  --motion-ease:cubic-bezier(.2,.7,.2,1);
  --surface-subtle:#faf9fc;
  --surface-selected:#eee8f8;
  --shadow-dialog:0 32px 96px -24px #26233238;
  --control-radius:12px;
  --control-gap:10px;
  --motion-ambient:10s;
  --motion-ambient-offset:3px;
  --motion-quick:160ms;
  --motion-scene:720ms;
  --motion-stagger:65ms;
  --motion-idle:7s;
  --motion-distance:16px;
}

.aria-mascot{display:block;object-fit:contain;flex-shrink:0}.aria-mascot--compact{width:42px;height:42px}.aria-mascot--empty{width:92px;height:92px;margin:0 auto 16px}.aria-mascot--welcome{width:104px;height:104px}.aria-mascot--auth{width:84px;height:84px;margin:0 auto 16px}img[data-mascot]{object-fit:contain}.aria-mark img.aria-mascot{width:100%;height:100%;object-fit:contain}.aria-mascot-frame{background:var(--brand-tint);border-radius:14px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
[hidden]{display:none!important}


.aria-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 20px;border:0;border-radius:var(--radius-control);font:600 14px var(--aria-font);cursor:pointer;transition:background var(--motion-fast),opacity var(--motion-fast),transform var(--motion-fast) var(--ease-aria)}.aria-button--primary{background:var(--brand-accent);color:#fff}.aria-button--secondary{background:var(--brand-tint);color:var(--brand-accent)}.aria-button--text{background:none;color:var(--brand-accent)}.aria-button--icon{width:44px;padding:10px;border-radius:50%;background:var(--brand-tint);color:var(--brand-ink)}.aria-button--danger{background:#fff0f3;color:var(--brand-error)}.aria-button:active{opacity:.82;transform:scale(.98)}.aria-button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.aria-button:disabled{opacity:.5;cursor:default}.aria-button[aria-busy=true]{cursor:wait;opacity:.7}
/* Error text keeps its semantic contrast on dark commercial surfaces. */
html[data-theme=dark]{--brand-error:#f2a2b7}