:root {
  /* Colors */
  --c-bg:             #0D0D0D;
  --c-surface:        #181818;
  --c-surface-raised: #222222;
  --c-border:         rgba(255, 255, 255, 0.08);
  --c-border-bright:  rgba(255, 255, 255, 0.15);

  --c-fire-hot:   #FF4500;
  --c-fire-warm:  #FF7A00;
  --c-fire-gold:  #FFB300;
  --c-gold:       #F5A623;
  --c-gold-light: #FFD166;
  --c-calm:       #3A78A1;
  --c-calm-light: #5B9DBF;

  --c-text:       #F0F0F0;
  --c-text-muted: #888888;
  --c-text-faint: #444444;

  /* Gradients */
  --g-fire:   linear-gradient(135deg, var(--c-fire-hot), var(--c-fire-gold));
  --g-gold:   linear-gradient(90deg,  var(--c-gold), var(--c-gold-light));
  --g-chaos:  linear-gradient(135deg, var(--c-fire-hot) 0%, var(--c-fire-gold) 45%, var(--c-calm) 100%);

  /* Typography */
  --font-display: 'Anton', sans-serif;
  --font-body:    'Inter', sans-serif;

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

  /* Radii */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-full: 9999px;

  /* Easing */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);
}