:root {
  /* Colors */
  --blue: #2b2d7b;
  --blue-light: #3d3f9e;
  --orange: #e35205;
  --orange-hover: #ff6a1a;
  --cream: #f5f0e8;
  --off-white: #faf8f4;
  --dark: #1a1815;
  --mid: #6b6560;
  --white: #ffffff;

  /* Typography */
  --font-display: 'Anton', sans-serif;
  --font-body: 'Instrument Sans', sans-serif;
  --font-mono: 'DM Mono', monospace;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 8rem;

  /* Container */
  --container-max: 1200px;
  --container-padding: 1.5rem;

  /* Transitions */
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --duration: 0.6s;
  --duration-fast: 0.3s;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}