/* Rocket Base — tokens de diseño (paleta Ignición) */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500&family=JetBrains+Mono&display=swap');

:root {
  /* Marca */
  --rb-navy: #0B1530;
  --rb-navy-2: #131F40;
  --rb-navy-3: #1E2B52;
  --rb-orange: #F84A1F;
  --rb-orange-hover: #E03E15;
  --rb-yellow: #FFC93C;
  --rb-cream: #F7F5F0;
  --rb-white: #FFFFFF;

  /* Texto */
  --rb-text-on-light: #0B1530;
  --rb-text-muted-on-light: #5A6275;
  --rb-text-on-dark: #F7F5F0;
  --rb-text-muted-on-dark: #C9CCD6;

  /* Tipografía */
  --rb-font-display: 'Space Grotesk', system-ui, sans-serif;
  --rb-font-body: 'Inter', system-ui, sans-serif;
  --rb-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --rb-fs-h1: clamp(2.375rem, 5vw, 4rem);
  --rb-fs-h2: clamp(1.875rem, 3.5vw, 2.5rem);
  --rb-fs-h3: 1.5rem;
  --rb-fs-body: 1.0625rem;
  --rb-fs-small: 0.875rem;
  --rb-tracking-tight: -0.02em;

  /* Forma y espacio */
  --rb-radius-card: 12px;
  --rb-radius-control: 8px;
  --rb-radius-pill: 999px;
  --rb-space-1: 0.5rem;
  --rb-space-2: 1rem;
  --rb-space-3: 1.5rem;
  --rb-space-4: 2rem;
  --rb-space-5: 3rem;
  --rb-space-6: 5rem;
  --rb-section-y: clamp(4rem, 8vw, 7rem);
  --rb-container: 1200px;
}