:root {
  color-scheme: dark;

  --font-sans: 'Inter', system-ui, 'Segoe UI', sans-serif;

  --bg: #090c12;
  --surface: #131826;
  --surface-2: #1a2132;
  --border: #212a3d;
  --border-strong: #2e3a55;

  --text-0: #edf0f7;
  --text-1: #a3adc2;
  --text-2: #64718e;

  --accent: #4f7dff;
  --accent-hover: #6b93ff;
  --accent-text: #ffffff;
  --accent-soft: rgba(79, 125, 255, 0.14);
  --accent-border: rgba(79, 125, 255, 0.45);

  --ok: #3ddc97;
  --ok-soft: rgba(61, 220, 151, 0.13);
  --warn: #ffc857;
  --warn-soft: rgba(255, 200, 87, 0.13);
  --danger: #ff6b6b;
  --danger-soft: rgba(255, 107, 107, 0.13);
  --info: #4cc9f0;
  --info-soft: rgba(76, 201, 240, 0.13);
  --violet: #a78bfa;
  --violet-soft: rgba(167, 139, 250, 0.14);

  --r-sm: 3px;
  --r-md: 5px;
  --r-lg: 7px;

  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 4px 14px rgba(0, 0, 0, 0.4);
  --shadow-3: 0 10px 36px rgba(0, 0, 0, 0.55);

  --menubar-h: 42px;
  --statusbar-h: 27px;

  --t-fast: 120ms ease;
}

[data-theme='light'] {
  color-scheme: light;

  --bg: #eef1f7;
  --surface: #ffffff;
  --surface-2: #f4f6fa;
  --border: #e2e8f3;
  --border-strong: #cbd6ea;

  --text-0: #141a28;
  --text-1: #4d5975;
  --text-2: #8a95ad;

  --accent: #3b62d9;
  --accent-hover: #2f51bd;
  --accent-text: #ffffff;
  --accent-soft: rgba(79, 125, 255, 0.1);
  --accent-border: rgba(59, 98, 217, 0.38);

  --ok: #177245;
  --ok-soft: rgba(23, 114, 69, 0.12);
  --warn: #8a6200;
  --warn-soft: rgba(138, 98, 0, 0.12);
  --danger: #b02a2a;
  --danger-soft: rgba(176, 42, 42, 0.1);
  --info: #1d5fbf;
  --info-soft: rgba(29, 95, 191, 0.1);
  --violet: #553c8f;
  --violet-soft: rgba(85, 60, 143, 0.11);

  --shadow-1: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-2: 0 4px 14px rgba(16, 24, 40, 0.1);
  --shadow-3: 0 10px 32px rgba(16, 24, 40, 0.16);
}