/* zRAGI theme tokens — house design language (Chat2 family). Style ONLY through
   these custom properties; never hardcode hex outside this file + brand.css. */

:root,
html[data-theme="light"]{
  --bg:#f4f2ee;
  --surface:#ffffff;
  --surface2:#f7f4ee;
  --surface3:#f1ede7;
  --panel:#ffffff;
  --panel-muted:rgba(255,255,255,.86);
  --border:#e4dfd7;
  --border-hover:#d7d0c4;
  --text:#1f1f1f;
  --text2:#67645d;
  --text3:#99948a;
  --accent:#111111;
  --accent-hover:#2f2f2f;
  --accent-contrast:#ffffff;
  --accent-bg:#1111110f;
  --green:#2f855a;
  --green-bg:#2f855a14;
  --yellow:#b7791f;
  --yellow-bg:#b7791f14;
  --red:#c53030;
  --red-bg:#c5303014;
  --nav-bg:#f7f4ee;
  --body-start:#f7f5f1;
  --body-end:#f0ede7;
  --scrim:rgba(27,24,21,.22);
  --radius:16px;
  --radius-sm:12px;
  --radius-xs:10px;
  --font:"Avenir Next","Helvetica Neue","Segoe UI",system-ui,sans-serif;
  --shadow:0 18px 42px rgba(31,31,31,.06);
  --shadow-soft:0 24px 54px rgba(31,31,31,.12);
}

html[data-theme="dark"]{
  --bg:#0f0f0f;
  --surface:#161616;
  --surface2:#1d1d1d;
  --surface3:#242424;
  --panel:#1a1a1a;
  --panel-muted:rgba(26,26,26,.92);
  --border:#2c2c2c;
  --border-hover:#3a3a3a;
  --text:#f0f0f0;
  --text2:#b8b8b8;
  --text3:#7a7a7a;
  --accent:#f0f0f0;
  --accent-hover:#ffffff;
  --accent-contrast:#0f0f0f;
  --accent-bg:#f0f0f014;
  --green:#7dd3a7;
  --green-bg:#7dd3a714;
  --yellow:#eac978;
  --yellow-bg:#eac97814;
  --red:#ef9595;
  --red-bg:#ef959514;
  --nav-bg:#141414;
  --body-start:#0f0f0f;
  --body-end:#0f0f0f;
  --scrim:rgba(0,0,0,.58);
  --shadow:0 20px 46px rgba(0,0,0,.5);
  --shadow-soft:0 26px 62px rgba(0,0,0,.6);
}