/* ── themes.css — light & dark mode variables ── */

:root {
  --bg: #f7f6f2;
  --surface: #ffffff;
  --surface2: #f0efe9;
  --surface3: #e8e7e1;
  --border: rgba(0,0,0,0.08);
  --border2: rgba(0,0,0,0.14);
  --text: #1a1a18;
  --text2: #6b6a65;
  --text3: #9e9d98;

  --green: #1D9E75;
  --green-bg: #e1f5ee;
  --green-text: #085041;

  --red: #D85A30;
  --red-bg: #faece7;
  --red-text: #711b13;

  --blue: #185FA5;
  --blue-bg: #e6f1fb;
  --blue-text: #0c447c;

  --amber: #BA7517;
  --amber-bg: #faeeda;
  --amber-text: #633806;

  --purple: #534AB7;
  --purple-bg: #eeedfe;
  --purple-text: #3c3489;

  --radius: 14px;
  --radius-sm: 8px;
  --radius-xs: 6px;
  --sidebar-w: 230px;
  --shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
}

[data-theme="dark"] {
  --bg: #111110;
  --surface: #1c1c1a;
  --surface2: #242422;
  --surface3: #2e2e2b;
  --border: rgba(255,255,255,0.07);
  --border2: rgba(255,255,255,0.13);
  --text: #f0efe9;
  --text2: #9e9d98;
  --text3: #6b6a65;

  --green-bg: #0a2e22;
  --green-text: #5dcaa5;

  --red-bg: #2e1508;
  --red-text: #f0997b;

  --blue-bg: #042c53;
  --blue-text: #85b7eb;

  --amber-bg: #412402;
  --amber-text: #fac775;

  --purple-bg: #26215c;
  --purple-text: #afa9ec;

  --shadow: 0 1px 3px rgba(0,0,0,0.3);
}