:root {
  --color-bg: #0e1116;
  --color-bg-elevated: #0e1116;
  --color-surface: #1a1f28;
  --color-surface-hover: #2c3139;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-text: #ffffff;
  --color-text-muted: #9aa3b2;
  --color-accent: #ebbe7d;
  --color-accent-hover: #eec891;
  --color-accent-soft: rgba(235, 190, 125, 0.16);
  --color-accent-ink: #0e1116;
  --color-success: #00e676;
  --color-warning: #ebbe7d;
  --color-overlay: rgba(0, 0, 0, 0.65);

  --font-display: "Outfit", "Trebuchet MS", sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;

  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 14px;

  --container: 1120px;
  --header-h: 64px;
  --space-section: 48px;
  --space-block: 24px;

  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.4);
  --transition: 0.2s ease;
}