/* variables.css - Design Tokens FUNCIENCIAS® */
:root {
  /* COLORES */
  --color-navy: #0C1F38;
  --color-navy-dark: #061120;
  --color-green: #37A74A;
  --color-gold: #C8A84B;
  --color-gold-dark: #8A6D2B;
  --color-white: #FFFFFF;
  --color-off-white: #F8FAFC;
  --color-border: rgba(10, 17, 40, 0.1);
  --color-carbon: #2B2B2B;
  --color-error: #DC2626;
  --color-success: #37A74A;

  /* TIPOGRAFÍA */
  --font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-header: var(--font-family);

  /* ESPACIADO */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* GRID */
  --grid-max-width: 1140px;
  --grid-gutter: 2rem;

  /* TRANSICIONES */
  --transition-fast: 100ms ease;
  --transition-base: 150ms ease;
  --transition-slow: 300ms ease;

  /* FOCUS */
  --focus-ring: 3px solid var(--color-gold);
  --focus-offset: 2px;
}