/* SUPPAR SYNTHESIS design tokens. One identity for SUPPAR AI, NOVA, CORE, auth, account, settings and (future) mobile apps.
   Glassmorphism = structure (frosted surfaces). Claymorphism = tactile controls. Liquid Glass = luminous edges/highlights. Adaptive layer = data-* attributes set by adapt.js. */
:root{
  --c-950:#07080c;--c-900:#0b0d12;--c-800:#12151c;--c-700:#1a1e28;--c-600:#262b38;--c-500:#394152;
  --n-100:#eef1f7;--n-300:#c3cad8;--n-400:#a8b2c3;--n-500:#8893a6;
  --violet:#9b8cff;--blue:#5b9bff;--cyan:#38d6ee;
  --bg:var(--c-900);--text:var(--n-100);--muted:var(--n-400);
  --glass:rgba(27,31,42,.58);--glass-strong:rgba(22,26,35,.82);--glass-edge:rgba(255,255,255,.16);--glass-hi:rgba(255,255,255,.30);--solid:#171b25;
  --control-bg:#1e2331;--control-border:#7b8798;--focus:#7fe0ff;--focus-2:#0b0d12;
  --accent-grad:linear-gradient(135deg,var(--violet) 0%,var(--blue) 55%,var(--cyan) 100%);--on-accent:#080a10;
  --danger:#ff8f8f;--ok:#6ee7b7;--warn:#fcd34d;
  --sec-ai:var(--violet);--sec-nova:var(--blue);--sec-core:var(--cyan);--sec:var(--sec-ai);
  --r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;
  --s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;
  --blur:14px;--sat:140%;--ease:cubic-bezier(.2,.8,.2,1);--dur:180ms;
  --shadow-panel:0 10px 30px rgba(0,0,0,.35);
  --clay:0 6px 14px rgba(0,0,0,.38),inset 0 2px 3px rgba(255,255,255,.30),inset 0 -4px 8px rgba(0,0,0,.28);
  --clay-press:inset 0 3px 8px rgba(0,0,0,.45),inset 0 -1px 2px rgba(255,255,255,.18);
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-0:clamp(.8rem,.78rem + .1vw,.875rem);--fs-1:1rem;--fs-2:clamp(1.1rem,1.05rem + .3vw,1.3rem);--fs-3:clamp(1.35rem,1.2rem + .8vw,1.8rem);
  --kb:0px;color-scheme:dark light;
}
:root[data-theme=light]{
  --bg:#edf0f8;--text:#11151e;--muted:#434d5f;
  --glass:rgba(255,255,255,.66);--glass-strong:rgba(255,255,255,.88);--glass-edge:rgba(255,255,255,.9);--glass-hi:rgba(255,255,255,1);--solid:#ffffff;
  --control-bg:#ffffff;--control-border:#5d6779;--focus:#0b57d0;--focus-2:#ffffff;
  --violet:#5b45e0;--blue:#1f5fe0;--cyan:#0a7f96;--on-accent:#ffffff;
  --danger:#a4161a;--ok:#0b6b49;--warn:#8a5a00;
  --shadow-panel:0 10px 30px rgba(40,50,90,.16);
  --clay:0 6px 14px rgba(40,50,90,.22),inset 0 2px 3px rgba(255,255,255,.55),inset 0 -4px 8px rgba(20,30,70,.16);
  --clay-press:inset 0 3px 8px rgba(20,30,70,.3),inset 0 -1px 2px rgba(255,255,255,.5);
  color-scheme:light;
}
/* Adaptive attributes (set by adapt.js; every one is visible in Settings > Adaptive interface and reversible) */
:root[data-fx=lite]{--blur:0px;--sat:100%;--glass:var(--solid);--glass-strong:var(--solid);--shadow-panel:0 2px 6px rgba(0,0,0,.25)}
:root[data-density=compact]{--s-3:.5rem;--s-4:.75rem;--s-5:1rem}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--glass:var(--solid);--glass-strong:var(--solid)}}
@media (prefers-reduced-transparency:reduce){:root{--glass:var(--solid);--glass-strong:var(--solid);--blur:0px}}
@media (prefers-contrast:more){:root{--glass-edge:var(--control-border);--muted:var(--text)}}
@media (prefers-reduced-motion:reduce){:root{--dur:0ms}}
:root[data-motion=reduce]{--dur:0ms}