:root {
  --bg: #f5f6f8;
  --bg-alt: #eceef2;
  --ink: #12131a;
  --ink-soft: #565b68;
  --text-strong: #2a2c36;
  --line: #dcdfe6;
  --line-strong: #c6cad4;
  --panel: #ffffff;
  --panel-alt: #fafbfc;
  --header-bg: rgba(245, 246, 248, 0.85);
  --invert-bg: #12131a;
  --invert-text: #ffffff;
  --plate-bg: #10131c;

  --brand: #0064e0;
  --brand-soft: rgba(0, 100, 224, 0.1);
  --grad: linear-gradient(100deg, #0064e0, #0082fb 55%, #37b6ff);

  --ok: #1a9d54;
  --ok-soft: rgba(26, 157, 84, 0.12);
  --warn: #b57400;
  --warn-soft: rgba(217, 142, 0, 0.14);
  --danger: #d13438;
  --danger-soft: rgba(209, 52, 56, 0.12);
  --info: #0064e0;
  --info-soft: rgba(0, 100, 224, 0.1);

  --shadow: 0 12px 28px rgba(20, 20, 30, 0.08);
  --shadow-sm: 0 4px 12px rgba(20, 20, 30, 0.06);
  --shadow-lg: 0 24px 48px rgba(20, 20, 30, 0.12);

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-pill: 999px;

  --wrap: 1180px;
  --nav-h: 64px;

  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Space Grotesk', var(--font);
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --font-plate: 'Magistral', var(--font-display);
}

[data-theme='dark'] {
  --bg: #0e0f13;
  --bg-alt: #181a20;
  --ink: #f2f2f5;
  --ink-soft: #9a9db0;
  --text-strong: #d8d9e0;
  --line: #2a2c36;
  --line-strong: #3a3d4a;
  --panel: #16171e;
  --panel-alt: #1b1d25;
  --header-bg: rgba(14, 15, 19, 0.85);
  --invert-bg: #f2f2f5;
  --invert-text: #0e0f13;
  --plate-bg: #080a10;

  --brand-soft: rgba(0, 130, 251, 0.16);

  --ok: #35c97b;
  --ok-soft: rgba(53, 201, 123, 0.14);
  --warn: #f0b429;
  --warn-soft: rgba(240, 180, 41, 0.14);
  --danger: #ff6b6f;
  --danger-soft: rgba(255, 107, 111, 0.14);
  --info: #37b6ff;
  --info-soft: rgba(55, 182, 255, 0.14);

  --shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.5);
}