:root {
  /* Colours */
  --color-primary:    #E8420A;
  --color-secondary:  #F5C842;
  --color-accent:     #FF6B35;
  --color-background: #0A0A08;
  --color-surface:    #141410;
  --color-surface-2:  #1C1C18;
  --color-text:       #F5F2EC;
  --color-muted:      rgba(245,242,236,0.55);
  --color-border:     rgba(245,242,236,0.09);
  --color-dark:       #050503;

  /* Typography */
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* Spacing */
  --space-base:          8px;
  --section-y:           88px;
  --component-gap:       24px;
  --container-max:       1200px;
  --container-padding:   24px;

  /* Border radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-sm:   0 1px 4px rgba(0,0,0,0.45);
  --shadow-md:   0 4px 20px rgba(0,0,0,0.55);
  --shadow-lg:   0 8px 40px rgba(0,0,0,0.65);
  --shadow-glow: 0 0 36px rgba(232,66,10,0.35);
}