:root {
  --font-sans: "IBM Plex Sans", "Vazirmatn", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --font-display: "IBM Plex Sans", "Vazirmatn", sans-serif;

  --bg: #eef1f4;
  --bg-elev: #f7f8fa;
  --surface: #ffffff;
  --surface-2: #f3f5f7;
  --surface-3: #e8ecf0;
  --ink: #142033;
  --ink-2: #3a4a60;
  --muted: #6b7a8d;
  --faint: #93a0b0;
  --line: #d8dee6;
  --line-strong: #c3ccd6;

  --navy: #16324f;
  --navy-2: #1e4568;
  --pine: #0f6e56;
  --pine-soft: #e6f4ef;
  --copper: #c45c26;
  --copper-soft: #f8eee7;
  --sky: #2b6cb0;
  --sky-soft: #e8f0f8;
  --gold: #b8860b;
  --gold-soft: #f8f1dc;

  --go: #0f6e56;
  --go-bg: #e6f4ef;
  --review: #b8860b;
  --review-bg: #f8f1dc;
  --nogo: #b42318;
  --nogo-bg: #fdecea;
  --monitor: #2b6cb0;
  --monitor-bg: #e8f0f8;
  --partner: #6b3fa0;
  --partner-bg: #f3eef8;
  --support: #0e7490;
  --support-bg: #e6f6f9;

  --matched: #0f6e56;
  --partial: #b8860b;
  --missing: #b42318;
  --unknown: #6b7a8d;
  --blocker: #7f1d1d;

  --shadow-sm: 0 1px 2px rgba(20, 32, 51, 0.05);
  --shadow: 0 8px 24px rgba(20, 32, 51, 0.08);
  --shadow-lg: 0 18px 50px rgba(20, 32, 51, 0.12);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-xs: 6px;
  --sidebar: 268px;
  --topbar: 64px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

[data-theme="dark"] {
  --bg: #0c121b;
  --bg-elev: #101826;
  --surface: #151e2c;
  --surface-2: #1b2636;
  --surface-3: #243044;
  --ink: #e8eef6;
  --ink-2: #c5d0dc;
  --muted: #8b9bb0;
  --faint: #6a7a8e;
  --line: #2a384c;
  --line-strong: #3a4c64;
  --navy: #9ec3e6;
  --navy-2: #7aa8d4;
  --pine: #3ddc97;
  --pine-soft: #16352c;
  --copper: #e08956;
  --copper-soft: #3a271c;
  --sky: #7eb0e4;
  --sky-soft: #1a2d42;
  --gold: #e0b84a;
  --gold-soft: #3a3218;
  --go: #3ddc97;
  --go-bg: #16352c;
  --review: #e0b84a;
  --review-bg: #3a3218;
  --nogo: #ff7a72;
  --nogo-bg: #3a1c1c;
  --monitor: #7eb0e4;
  --monitor-bg: #1a2d42;
  --partner: #c4a3ea;
  --partner-bg: #2a2240;
  --support: #67e8f9;
  --support-bg: #163238;
  --matched: #3ddc97;
  --partial: #e0b84a;
  --missing: #ff7a72;
  --unknown: #8b9bb0;
  --blocker: #fecaca;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 18px 50px rgba(0, 0, 0, 0.4);
}