@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root {
  --font-primary: 'Space Grotesk', sans-serif;
  --font-secondary: 'Space Mono', monospace;

  --color-background: #080A14;
  --color-surface: #10121E;
  --color-surface-dark: #060810;
  --color-footer-bg: #040609;
  
  --color-text: #E8E4D8;
  --color-text-muted: #5A6278;
  --color-text-dark: #080A14;
  
  --color-primary: #E63946;
  --color-primary-dark: #B52A35;
  --color-secondary: #E8E4D8;
  
  --color-border: rgba(230, 57, 70, 0.25);
  --color-border-light: rgba(230, 57, 70, 0.1);
  --color-grid: rgba(230, 57, 70, 0.06);
  --color-gold: #C9A84C;

  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 6rem;
  --spacing-xxl: 8rem;

  --header-height: 80px;
  --max-width: 1200px;
}