/**
 * Academia Comunica — tokens de marca (manual + consistencia web)
 * Colores: #F74604 · #000 · #FFF · #38B6FF · #222B49 · #FFE52D
 * Tipografía: Poppins (titulares) · Satoshi (títulos/UI) · Inter (cuerpo)
 * Principio: comunicar con propósito — voz humana, clara, aplicable.
 */
:root {
  --orange-primary: #F74604;
  --orange-hover: #D63D03;
  --orange-light: #FFF4F0;
  --black: #000000;
  --white: #FFFFFF;
  --turquoise: #38B6FF;
  --dark-blue: #222B49;
  --dark-blue2: #1b2340;
  --yellow-accent: #FFE52D;

  --gray-50: #F9FAFB;
  --gray-100: #F3F4F6;
  --gray-200: #E5E7EB;
  --gray-400: #9CA3AF;
  --gray-500: #666666;
  --gray-600: #4B5563;
  --gray-800: #1F2937;
  --gray-dark: #333333;
  --gray-medium: #666666;
  --gray-light: #999999;
  --gray-lighter: #f5f5f5;

  --font-headline: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-title: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --font-display: var(--font-headline);
  --dark: var(--black);

  --green-primary: rgb(37, 211, 102);
  --green-hover: rgb(30, 180, 85);
}