:root {
  /* Identidad: negro · rojo · blanco */
  --color-stage: #F5F5F5;
  --color-ink: #000000;
  --color-cohete: #E8342E;
  --color-nebulosa: #B91C1C;
  --color-eco: #FFFFFF;
  --color-pulso: #FF4444;

  --color-ink-muted: color-mix(in srgb, var(--color-ink) 65%, var(--color-white));
  --color-ink-subtle: color-mix(in srgb, var(--color-ink) 45%, var(--color-white));
  --color-white: #FFFFFF;
  --color-stage-deep: color-mix(in srgb, var(--color-stage) 80%, var(--color-ink));
  --color-surface-dark: color-mix(in srgb, var(--color-ink) 94%, var(--color-cohete));
  --color-surface-elevated: color-mix(in srgb, var(--color-white) 5%, var(--color-ink));
  --color-hero-bg: #000000;
  --color-black: #000000;
  --color-glass: color-mix(in srgb, var(--color-white) 6%, transparent);
  --color-glass-border: color-mix(in srgb, var(--color-white) 12%, transparent);
  --color-text-on-dark: var(--color-white);
  --color-text-muted-on-dark: color-mix(in srgb, var(--color-white) 58%, var(--color-ink));
  --color-red-glow: color-mix(in srgb, var(--color-cohete) 55%, transparent);

  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-accent: 'Bebas Neue', system-ui, sans-serif;

  --shadow-float: 0 10px 30px rgba(0, 0, 0, 0.1);
  --shadow-float-hover: 0 20px 50px rgba(0, 0, 0, 0.16);
  --shadow-dark: 0 24px 60px rgba(0, 0, 0, 0.55);
  --shadow-glow-cohete: 0 0 60px color-mix(in srgb, var(--color-cohete) 40%, transparent);
  --shadow-glow-red: 0 8px 32px color-mix(in srgb, var(--color-cohete) 35%, transparent);
  --shadow-header: 0 4px 30px rgba(0, 0, 0, 0.4);

  --radius-card: 28px;
  --radius-card-lg: 36px;
  --radius-pill: 999px;
  --radius-sm: 14px;
  --radius-capsule: 22px;

  --header-height: 76px;
  --container-max: 1280px;
  --section-gap: clamp(5rem, 10vw, 7.5rem);

  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 0.5s cubic-bezier(0.34, 1.2, 0.64, 1);

  --glass-blur: blur(24px);
}