:root {
  /* Brand colors (from the 8bit logo) */
  --c-navy-950: #070d1c;
  --c-navy-900: #0b1730;
  --c-navy-800: #0f2347;
  --c-navy-700: #15305f;
  --c-navy-600: #1c3f7a;
  --c-green-700: #0b7a49;
  --c-green-600: #0f8a55;
  --c-green-500: #1fb567;
  --c-green-400: #2fd17e;
  --c-green-300: #54e0a0;
  --c-green-100: #e3fbf0;

  --c-white: #ffffff;
  --c-ink: #101a2c;
  --c-ink-soft: #4a5670;
  --c-muted: #6c7891;
  --c-border: #e6eaf2;
  --c-surface: #ffffff;
  --c-surface-alt: #f5f8fc;
  --c-surface-dark: var(--c-navy-900);

  --grad-brand: linear-gradient(120deg, var(--c-green-400), var(--c-green-600));
  --grad-dark: linear-gradient(135deg, var(--c-navy-950), var(--c-navy-800));
  --grad-radial: radial-gradient(circle at 30% 20%, rgba(47, 209, 126, .25), transparent 60%);

  --bg: var(--c-white);
  --bg-soft: var(--c-surface-alt);
  --text: var(--c-ink);
  --text-soft: var(--c-ink-soft);
  --text-muted: var(--c-muted);
  --border: var(--c-border);
  --header-bg: rgba(255, 255, 255, .92);
  --card-bg: var(--c-white);
  --card-shadow: 0 10px 30px -12px rgba(16, 26, 44, .12);

  --font-head: "Sora", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --container: 1240px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --transition: .25s cubic-bezier(.4,0,.2,1);
  --header-h: 84px;
  --topbar-h: 40px;

  --z-topbar: 60;
  --z-backdrop: 65;
  --z-header: 70;
  --z-nav: 80;
  --z-float: 90;
  --z-preloader: 200;
}

[data-theme="dark"] {
  --bg: var(--c-navy-950);
  --bg-soft: #0d1a33;
  --text: #eef2fa;
  --text-soft: #c4cee3;
  --text-muted: #8b97b3;
  --border: #1d2a47;
  --header-bg: rgba(7, 13, 28, .85);
  --card-bg: #0e1d3a;
  --card-shadow: 0 10px 30px -12px rgba(0, 0, 0, .5);
}