:root {
  --bg-primary: #05040d;
  --bg-secondary: #0c0912;
  --bg-panel: #15101d;
  --bg-plum: #21132d;
  --text-primary-dark: #f3d9b6;
  --text-secondary-dark: #d0c4cf;
  --text-muted-dark: #a99eac;
  --bg-light: #f2ece3;
  --text-primary-light: #17131b;
  --text-secondary-light: #514a54;
  --violet: #a87ec4;
  --purple: #6d4788;
  --coral: #e5573c;
  --gold: #d6a84f;
  --olive: #6d4788;
  --white: #fffaf3;
  --border-dark: #3a3040;
  --border-light: #d4c9bc;
  --success-light: #d6a84f;

  --font-display: "Inter", Arial, sans-serif;
  --font-sans: "Inter", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, monospace;

  --container-max: 1240px;
  --page-gutter-desktop: 48px;
  --page-gutter-tablet: 32px;
  --page-gutter-mobile: 20px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --section-padding: var(--space-9);
  --header-height: 72px;
  --radius-button: 6px;
  --radius-card: 10px;
  --transition: 180ms ease;
}