/* Santovaty / Tavlix — shared semantic tokens (design reference v1.0)
   Dark = current approved look. Light = proposal awaiting owner review.
   Themes switch by [data-theme] on <html>; set by theme.js (system / dark / light). */
:root,[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0B0A10;--bg-2:#110F17;--surface:#14121B;--raised:#1C1926;--sunken:#0F0E15;
  --border:#2F2A3B;--border-strong:#3A3448;
  --text:#F5F1E9;--text-2:#ABA4B8;--text-3:#D9D3E3;--text-faint:#8A8396;
  --primary:#8447C4;--on-primary:#FFFFFF;--primary-soft:#241B33;--primary-text:#D2B8F3;--ring:#B48BEA;
  --brand-mark:#B48BEA;--brand-dot:#F0B565;--icon-mono:#F5F1E9;
  --accent:#F0B565;--accent-text:#F0B565;--accent-soft:#2B2216;--accent-border:#5A4520;--on-accent:#1B1206;
  --success:#5BC98F;--success-soft:#173527;--success-border:#2F5A43;
  --warning:#FF8A65;--warning-soft:#2E1A14;--warning-border:#6B3A2A;
  --danger:#FF6B6B;--danger-soft:#2A1518;--danger-text:#FFB3B3;--danger-border:#7A2E33;
  --info:#8DB8FF;--info-soft:#172235;
  --neutral-dot:#8A8396;
  --win:#100E16;--win-bar:#0D0B12;--win-rail:#0E0C14;
  --shadow:0 30px 70px rgba(0,0,0,.55);--shadow-sm:0 12px 28px rgba(0,0,0,.45);
  --scrim:rgba(8,7,12,.72);
  --capture-bg:#0D0B12;--capture-border:#2B2736; /* capture surface stays dark in both themes */
}
[data-theme="light"]{
  color-scheme:light;
  --bg:#F7F5FA;--bg-2:#F0EDF5;--surface:#FFFFFF;--raised:#F3F0F8;--sunken:#EEEAF4;
  --border:#E2DDEA;--border-strong:#CBC3D9;
  --text:#1A1622;--text-2:#5B5368;--text-3:#322B3D;--text-faint:#736B80;
  --primary:#6F35AE;--on-primary:#FFFFFF;--primary-soft:#EFE6FA;--primary-text:#5E2B97;--ring:#7B45BF;
  --brand-mark:#5B2A8C;--brand-dot:#B5780F;--icon-mono:#2A1F3A;
  --accent:#D08E1F;--accent-text:#7E5108;--accent-soft:#FBF1DF;--accent-border:#E6C98F;--on-accent:#1B1206;
  --success:#1D7A4C;--success-soft:#E2F3E9;--success-border:#A9D8BD;
  --warning:#A8431C;--warning-soft:#FCEBE3;--warning-border:#EDB9A3;
  --danger:#B42D25;--danger-soft:#FBE7E5;--danger-text:#A1271F;--danger-border:#EBB1AC;
  --info:#2A5DB0;--info-soft:#E5EEFB;
  --neutral-dot:#8C8499;
  --win:#FBFAFD;--win-bar:#EEEAF3;--win-rail:#F5F2F9;
  --shadow:0 24px 60px rgba(40,24,70,.16);--shadow-sm:0 10px 24px rgba(40,24,70,.12);
  --scrim:rgba(26,22,34,.45);
  --capture-bg:#0D0B12;--capture-border:#2B2736;
}
:root{--font-ar:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;--font-lat:'Manrope','Inter','Segoe UI',Arial,sans-serif}