:root {

  --accent: #206bc4;
  --accent-rgb: 32, 107, 196;
  --accent-hover: #2f7ad6;
  --accent-active: #1a548f;
  --accent-soft: rgba(32, 107, 196, 0.14);
  --accent-soft-strong: rgba(32, 107, 196, 0.22);
  --accent-contrast: #ffffff;

  --accent-2: #4dabf7;
  --accent-grad: linear-gradient(135deg, #2b7fd6 0%, #206bc4 55%, #1a5fb0 100%);
  --accent-glow: radial-gradient(circle at 30% 20%, rgba(77, 171, 247, 0.18), transparent 60%);

  --success: #2fb344;
  --success-rgb: 47, 179, 68;
  --success-soft: rgba(47, 179, 68, 0.14);
  --danger: #d63939;
  --danger-rgb: 214, 57, 57;
  --danger-soft: rgba(214, 57, 57, 0.14);
  --warning: #f59f00;
  --warning-rgb: 245, 159, 0;
  --warning-soft: rgba(245, 159, 0, 0.16);
  --info: #4299e1;
  --info-soft: rgba(66, 153, 225, 0.14);

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  --font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas,
    monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;
  --fs-4xl: 3rem;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.2;
  --lh-normal: 1.5;
  --lh-relaxed: 1.7;

  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-pill: 999px;

  --transition-fast: 0.15s ease;
  --transition: 0.2s ease;
  --transition-slow: 0.25s ease;

  --container-max: 1280px;
  --navbar-h: 72px;
}

:root,
[data-bs-theme="dark"] {
  color-scheme: dark;

  --bg: #141a23;
  --bg-elev: #1a212c;
  --surface: #1f2733;
  --surface-2: #26303e;
  --surface-hover: #2e3a4a;

  --border: rgba(159, 180, 208, 0.14);
  --border-strong: rgba(159, 180, 208, 0.26);

  --text: #eef3fa;
  --text-secondary: #aab8c9;
  --text-muted: #74839a;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 24px 56px rgba(0, 0, 0, 0.42);

  --overlay: rgba(10, 14, 20, 0.66);

  --glass-bg: rgba(26, 33, 44, 0.74);
  --glass-border: rgba(159, 180, 208, 0.18);
}

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

  --bg: #eef2f8;
  --bg-elev: #ffffff;
  --surface: #ffffff;
  --surface-2: #f5f8fc;
  --surface-hover: #eaf0f8;

  --border: rgba(15, 36, 64, 0.1);
  --border-strong: rgba(15, 36, 64, 0.18);

  --text: #16202e;
  --text-secondary: #4b5a6e;
  --text-muted: #8593a4;

  --shadow-sm: 0 1px 2px rgba(15, 36, 64, 0.06);
  --shadow: 0 8px 24px rgba(15, 36, 64, 0.08);
  --shadow-lg: 0 20px 44px rgba(15, 36, 64, 0.13);

  --overlay: rgba(15, 23, 42, 0.42);

  --glass-bg: rgba(255, 255, 255, 0.74);
  --glass-border: rgba(15, 36, 64, 0.08);
}