:root {
  /* Colors */
  --bg:           #0A0A0A;
  --surface:      #141414;
  --surface-high: #1F1F1F;
  --red:          #E01E1E;
  --red-hover:    #FF2424;
  --text:         #FFFFFF;
  --text-muted:   #9A9A9A;
  --border:       #2A2A2A;

  /* Atmósfera / glow (reusable: hero, CTAs, acentos) */
  --glow-red:      rgba(224, 30, 30, 0.45);
  --glow-red-soft: rgba(224, 30, 30, 0.16);

  /* Typography */
  --font-display: 'Bebas Neue', sans-serif;
  --font-sub:     'Oswald', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* Spacing */
  --section-py: 80px;
  --container:  1400px;
}

@media (max-width: 768px) {
  :root {
    --section-py: 56px;
  }
}