/* Canonical TAAA design tokens and global box model. Values reflect the approved shared PWA visual baseline. */
*{box-sizing:border-box}
:root{
  --page:#06080e;--page-2:#080a12;--surface:rgba(15,23,42,.56);--surface-strong:rgba(15,23,42,.78);
  --surface-soft:rgba(18,22,36,.74);--line:rgba(168,85,247,.22);--line-soft:rgba(148,163,184,.13);
  --ink:#f8fafc;--muted:#94a3b8;--muted-2:#64748b;--purple:#a855f7;--violet:#8b5cf6;--indigo:#6366f1;
  --fuchsia:#d946ef;--magenta:#ec4899;--gold:#d4af37;--provisional:#f59e0b;
  --shadow:0 18px 48px rgba(0,0,0,.26),0 0 38px rgba(88,28,135,.06);
  --shadow-hover:0 18px 40px rgba(0,0,0,.34),0 0 30px rgba(168,85,247,.17);
  /* Canonical component geometry. Keep values stable unless a UI redesign is approved. */
  --ds-card-radius:12px;--ds-panel-radius:14px;--ds-menu-radius:9px;--ds-option-radius:7px;
  --ds-grid-gap:16px;--ds-menu-min-width:170px;--ds-control-accent:#d8b4fe
}