/* Tenun UI — design tokens. Import once, globally. */
:root {
  --bg:#F4F5FA; --surface:#FFFFFF; --surface-2:#F9FAFD; --ink:#151A33; --muted:#586080;
  --border:#DADEEB; --border-strong:#BCC4DA;
  --primary:#1E2A5E; --primary-hover:#2B3B85; --on-primary:#FFFFFF; --primary-soft:#E7EBF7;
  --gold:#B8862B; --gold-soft:#F7EDD6; --focus:#C48A1E;
  --ok:#1D7A4C; --ok-soft:#DFF3E8; --warn:#8F5E06; --warn-soft:#FBEFD3;
  --bad:#B8322A; --bad-soft:#FBE4E1; --info:#2F5BB7; --info-soft:#E3ECFB;
  --side:#161F4C; --side-ink:#C6CDEC; --side-active:#232E66; --side-line:#2C3878;
  --shadow-pop:0 14px 36px rgba(20,26,60,.20), 0 2px 8px rgba(20,26,60,.10);
  --font-ui:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-head:"Fraunces",Georgia,"Times New Roman",serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:#0B0F22; --surface:#141A38; --surface-2:#10162F; --ink:#E6E9F6; --muted:#98A1C4;
    --border:#28305A; --border-strong:#3A4482;
    --primary:#A5B4F7; --primary-hover:#BDC8FA; --on-primary:#0B0F22; --primary-soft:#1D2550;
    --gold:#E2B75E; --gold-soft:#372B10; --focus:#E2B75E;
    --ok:#5FD19A; --ok-soft:#12362A; --warn:#EDB84E; --warn-soft:#3A2C0C;
    --bad:#F0847B; --bad-soft:#3F1A18; --info:#8FB1F6; --info-soft:#16294F;
    --side:#080B1B; --side-ink:#98A1C8; --side-active:#171E46; --side-line:#222A55;
    --shadow-pop:0 14px 36px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.4);
  }
}
:root[data-theme="dark"] {
  --bg:#0B0F22; --surface:#141A38; --surface-2:#10162F; --ink:#E6E9F6; --muted:#98A1C4;
  --border:#28305A; --border-strong:#3A4482;
  --primary:#A5B4F7; --primary-hover:#BDC8FA; --on-primary:#0B0F22; --primary-soft:#1D2550;
  --gold:#E2B75E; --gold-soft:#372B10; --focus:#E2B75E;
  --ok:#5FD19A; --ok-soft:#12362A; --warn:#EDB84E; --warn-soft:#3A2C0C;
  --bad:#F0847B; --bad-soft:#3F1A18; --info:#8FB1F6; --info-soft:#16294F;
  --side:#080B1B; --side-ink:#98A1C8; --side-active:#171E46; --side-line:#222A55;
  --shadow-pop:0 14px 36px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.4);
}