/* OATR · tokens.css
   
   Extracted verbatim from OTA.html. Loaded in cascade order. */

/* ============ TOKENS ============ */
html[data-theme="dark"]{--bg:#0f1623;--surface:#161f2e;--surface-2:#1a2538;--border:rgba(255,255,255,.09);--text:#f0f4f8;--text-2:#8da0b5;--chip:#1a2538}
html[data-theme="light"]{--bg:#f6f8fc;--surface:#ffffff;--surface-2:#eef2f8;--border:rgba(0,0,0,.1);--text:#0f1623;--text-2:#52647a;--chip:#eef2f8}
html[data-theme="oled"]{--bg:#000;--surface:#0c0c0e;--surface-2:#141418;--border:rgba(255,255,255,.08);--text:#f0f4f8;--text-2:#9aa7b6;--chip:#141418}
html[data-theme="dim"]{--bg:#1a2035;--surface:#222a45;--surface-2:#2a3454;--border:rgba(255,255,255,.1);--text:#e6ecf8;--text-2:#9fb0d6;--chip:#2a3454}
html[data-theme="midnight"]{--bg:#0a0e1a;--surface:#121829;--surface-2:#171f33;--border:rgba(255,255,255,.08);--text:#eaf0fb;--text-2:#8a9bb5;--chip:#171f33;--accent:#5b7cfa;--accent-soft:rgba(91,124,250,.16)}
html[data-theme="slate"]{--bg:#15181d;--surface:#1d2128;--surface-2:#252a33;--border:rgba(255,255,255,.09);--text:#eef1f5;--text-2:#9aa3b0;--chip:#252a33}
html[data-theme="forest"]{--bg:#0d1712;--surface:#142019;--surface-2:#1a2a20;--border:rgba(255,255,255,.09);--text:#eef5ef;--text-2:#9bc0a8;--chip:#1a2a20;--accent:#2faf63;--accent-soft:rgba(47,175,99,.16)}
html[data-theme="rose"]{--bg:#1a1014;--surface:#241319;--surface-2:#2e1820;--border:rgba(255,255,255,.1);--text:#f7eef1;--text-2:#c79aa8;--chip:#2e1820;--accent:#e0457b;--accent-soft:rgba(224,69,123,.16)}
html[data-theme="sand"]{--bg:#f6f1e8;--surface:#fffdf8;--surface-2:#efe7d8;--border:rgba(0,0,0,.1);--text:#2a2118;--text-2:#6b5e4c;--chip:#efe7d8;--accent:#b8742f;--accent-soft:rgba(184,116,47,.14)}
html[data-theme="ocean"]{--bg:#07151c;--surface:#0d2029;--surface-2:#123039;--border:rgba(255,255,255,.09);--text:#e6f4f8;--text-2:#86b4c2;--chip:#123039;--accent:#1fb6c9;--accent-soft:rgba(31,182,201,.16)}
html[data-theme="plum"]{--bg:#150f1f;--surface:#1e1630;--surface-2:#261c3d;--border:rgba(255,255,255,.09);--text:#f2eef9;--text-2:#a99ac4;--chip:#261c3d;--accent:#a855f7;--accent-soft:rgba(168,85,247,.16)}
html[data-theme="coffee"]{--bg:#17120e;--surface:#211913;--surface-2:#2b2018;--border:rgba(255,255,255,.09);--text:#f5efe8;--text-2:#c0a98f;--chip:#2b2018;--accent:#d98c3f;--accent-soft:rgba(217,140,63,.16)}
html[data-theme="arctic"]{--bg:#eef3f8;--surface:#ffffff;--surface-2:#e3eaf3;--border:rgba(0,0,0,.1);--text:#13202e;--text-2:#516275;--chip:#e3eaf3;--accent:#2f80ed;--accent-soft:rgba(47,128,237,.14)}
html[data-theme="carbon"]{--bg:#101113;--surface:#17191c;--surface-2:#1f2226;--border:rgba(255,255,255,.08);--text:#eef0f2;--text-2:#9aa0a8;--chip:#1f2226}
/* fonts (each falls back through --scriptfb for non-Latin scripts) */
html[data-font="dmsans"]{--font:"DM Sans",var(--scriptfb),system-ui,sans-serif;--brand:"Manrope",var(--scriptfb),sans-serif}
html[data-font="inter"]{--font:"Inter",var(--scriptfb),system-ui,sans-serif;--brand:"Inter",var(--scriptfb),sans-serif}
html[data-font="grotesk"]{--font:"Space Grotesk",var(--scriptfb),system-ui,sans-serif;--brand:"Space Grotesk",var(--scriptfb),sans-serif}
html[data-font="poppins"]{--font:"Poppins",var(--scriptfb),system-ui,sans-serif;--brand:"Poppins",var(--scriptfb),sans-serif}
html[data-font="plex"]{--font:"IBM Plex Sans","IBM Plex Sans Thai",var(--scriptfb),system-ui,sans-serif;--brand:"IBM Plex Sans","IBM Plex Sans Thai",var(--scriptfb),sans-serif}
html[data-font="noto"]{--font:"Noto Sans",var(--scriptfb),system-ui,sans-serif;--brand:"Noto Sans",var(--scriptfb),sans-serif}
html[data-font="nunito"]{--font:"Nunito",var(--scriptfb),system-ui,sans-serif;--brand:"Nunito",var(--scriptfb),sans-serif}
html[data-font="lato"]{--font:"Lato",var(--scriptfb),system-ui,sans-serif;--brand:"Lato",var(--scriptfb),sans-serif}
html[data-font="sora"]{--font:"Sora",var(--scriptfb),system-ui,sans-serif;--brand:"Sora",var(--scriptfb),sans-serif}
html[data-font="outfit"]{--font:"Outfit",var(--scriptfb),system-ui,sans-serif;--brand:"Outfit",var(--scriptfb),sans-serif}
html[data-font="jakarta"]{--font:"Plus Jakarta Sans",var(--scriptfb),system-ui,sans-serif;--brand:"Plus Jakarta Sans",var(--scriptfb),sans-serif}
html[data-font="manrope"]{--font:"Manrope",var(--scriptfb),system-ui,sans-serif;--brand:"Manrope",var(--scriptfb),sans-serif}
html[data-font="figtree"]{--font:"Figtree",var(--scriptfb),system-ui,sans-serif;--brand:"Figtree",var(--scriptfb),sans-serif}
html[data-font="rubik"]{--font:"Rubik",var(--scriptfb),system-ui,sans-serif;--brand:"Rubik",var(--scriptfb),sans-serif}
:root{
  --accent:#613de4;--accent-soft:rgba(97,61,228,.16);--on-accent:#fff;
  --up:#22c55e;--down:#ef4444;--warn:#f59e0b;--gold:#c9a96e;--info:#38bdf8;
  --up-soft:rgba(34,197,94,.14);--down-soft:rgba(239,68,68,.14);--warn-soft:rgba(245,158,11,.14);
  /* secondary brand (OT-74) */
  --secondary:#c9a96e;--secondary-soft:rgba(201,169,110,.16);--on-secondary:#1a1208;
  --scriptfb:"Noto Sans Thai","Noto Sans Arabic","Noto Sans JP","Noto Sans SC","Noto Sans KR","Noto Sans Devanagari";
  --font:"DM Sans",var(--scriptfb),system-ui,sans-serif;--brand:"Manrope",var(--scriptfb),sans-serif;--mono:"DM Mono",var(--scriptfb),ui-monospace,Menlo,Consolas,monospace;
  /* type scale (OT-74) */
  --fs-h1:28px;--fs-h2:22px;--fs-h3:18px;--fs-h4:16px;--fs-h5:14px;--fs-h6:12px;
  --fs-body:14px;--fs-sm:13px;--fs-caption:11px;
  --fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;
  --lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;
  --radius:12px;--radius-sm:9px;--radius-pill:999px;--tap:40px;
  /* motion timing tokens */
  --dur-fast:120ms;--dur-base:240ms;--dur-slow:420ms;
  --ease-enter:cubic-bezier(.32,.72,0,1);--ease-exit:cubic-bezier(.4,0,1,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--font);font-size:var(--fs-body);background:#0a0913;color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input{font-family:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
svg{display:block}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
/* icons (Tabler-style inline SVG, inherit color via currentColor) */
i[data-ic]{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0}
.ic{width:1.05em;height:1.05em;display:block}
.up{color:var(--up)}.down{color:var(--down)}.warn{color:var(--warn)}