/* Chotu Design Kit: tokens only. Mirror in app/brand.py. Fonts are SIL OFL, self-hosted. */
@font-face{font-family:"Baloo 2";src:url(./fonts/Baloo2.ttf) format("truetype");font-weight:400 800;font-display:swap}
@font-face{font-family:"Hind";src:url(./fonts/Hind-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Hind";src:url(./fonts/Hind-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}

:root{
  --teal:#0b7a6b;
  --chai:#b5703a;
  --ink:#1a1a1a;
  --yt:#ff0000;
  --discord:#5865f2;
  --ig:#e1306c;
  --r:14px;
  --shadow:0 6px 24px rgba(0,0,0,.35);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
  --font-head:"Baloo 2",system-ui,sans-serif;
  --font-body:"Hind",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  /* dark (default) */
  --paper:#0d0e12;--card:#171a21;--line:#272b36;--text:#eceef3;--muted:#9aa1b1;
}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){
  --paper:#fffaf3;--card:#ffffff;--line:#eadfce;--text:#1a1a1a;--muted:#6b6459;--shadow:0 6px 24px rgba(74,34,40,.12)}}
:root[data-theme=light]{--paper:#fffaf3;--card:#ffffff;--line:#eadfce;--text:#1a1a1a;--muted:#6b6459;--shadow:0 6px 24px rgba(74,34,40,.12)}
:root[data-theme=dark]{--paper:#0d0e12;--card:#171a21;--line:#272b36;--text:#eceef3;--muted:#9aa1b1;--shadow:0 6px 24px rgba(0,0,0,.35)}