/* Parbai design tokens — light & dark theme */
:root {
  --navy-900: #0b1b3a; --navy-800: #12264d; --navy-700: #1a3466;
  --blue-600: #1d4ed8; --blue-500: #2563eb; --blue-100: #dbeafe;
  --orange-600: #ea580c; --orange-500: #f97316; --orange-100: #ffedd5;
  --green-600: #16a34a; --green-100: #dcfce7;
  --red-600: #dc2626; --red-100: #fee2e2;
  --amber-600: #d97706; --amber-100: #fef3c7;

  --bg: #f4f6fb; --surface: #ffffff; --surface-2: #f8fafc;
  --text: #0f172a; --text-2: #475569; --text-3: #94a3b8;
  --border: #e2e8f0; --border-2: #cbd5e1;
  --sidebar-bg: var(--navy-900); --sidebar-text: #c7d2ea;
  --sidebar-active: rgba(249, 115, 22, .16);

  --radius-s: 8px; --radius-m: 12px; --radius-l: 16px;
  --shadow-s: 0 1px 3px rgba(15, 23, 42, .08);
  --shadow-m: 0 4px 16px rgba(15, 23, 42, .10);
  --font: "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --mono: "SF Mono", ui-monospace, Menlo, monospace;
}

[data-theme="dark"] {
  --bg: #0b1220; --surface: #131c2e; --surface-2: #1a2438;
  --text: #e6ecf7; --text-2: #9fb0ca; --text-3: #64748b;
  --border: #22304a; --border-2: #33425e;
  --sidebar-bg: #0a1122; --sidebar-text: #93a5c4;
  --blue-100: #1e3a8a33; --orange-100: #7c2d1233; --green-100: #14532d33;
  --red-100: #7f1d1d33; --amber-100: #78350f33;
  --shadow-s: 0 1px 3px rgba(0, 0, 0, .4);
  --shadow-m: 0 4px 16px rgba(0, 0, 0, .5);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 15px; }
body {
  font-family: var(--font); background: var(--bg); color: var(--text);
  -webkit-font-smoothing: antialiased; overflow: hidden;
}
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; font-size: inherit; }
a { color: var(--blue-500); text-decoration: none; }
::selection { background: var(--orange-100); }