:root {
  /* =========================
   BRAND COLORS
========================== */

  --color-bg: #050d1a;
  --color-bg-soft: #0b1829;

  --color-surface: #0b1829;
  --color-surface-light: #102033;

  --color-text: #eef4fb;
  --color-text-secondary: #c8daf0;
  --color-text-muted: #6a8fb5;
  --color-text-soft: #6a8fb5;

  --color-accent: #e8a020;
  --color-accent-hover: #f0ad35;

  --color-border: rgba(200, 218, 240, 0.09);
  --color-border-strong: rgba(200, 218, 240, 0.14);

  /* =========================
   TYPOGRAPHY
========================== */

  --font-heading: "Manrope", sans-serif;
  --font-body: "Plus Jakarta Sans", sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  /* =========================
     LAYOUT
  ========================== */

  --container-width: 1400px;
  --container-padding: 72px;

  --section-padding: 120px;

  /* =========================
     BORDER RADIUS
  ========================== */

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* =========================
     TRANSITIONS
  ========================== */

  --transition-fast: 180ms ease;
  --transition-normal: 300ms ease;
}