:root {
  color-scheme: dark;

  --color-bg: #0b0e1f;
  --color-bg-soft: #0d173b;
  --color-surface: rgba(35, 30, 110, 0.74);
  --color-surface-strong: rgba(13, 23, 59, 0.88);
  --color-surface-muted: rgba(109, 96, 126, 0.32);

  --color-text: #f4f6fb;
  --color-muted: rgba(244, 246, 251, 0.74);

  --color-accent: #f9de1f;
  --color-accent-ink: #0b0e1f;
  --color-accent-soft: rgba(249, 222, 31, 0.2);

  --color-border: rgba(160, 177, 184, 0.28);
  --color-border-strong: rgba(160, 177, 184, 0.46);

  --color-indigo: #3d299c;
  --color-blue: #4d55b8;
  --color-blue-soft: #496191;
  --color-violet: #463b7f;

  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 30px;

  --shadow-soft: 0 34px 80px rgba(7, 9, 23, 0.6);
  --shadow-card: 0 20px 42px rgba(7, 9, 23, 0.42);

  --content-width: 1160px;

  --font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}