/* ==========================================================================
   CursosIPN — Tokens de diseño
   Extraídos del archivo de Figma "CursosIPN.com.mx" (snrx9mJMHOaFooji7ejiNi)
   ========================================================================== */

:root {
  /* --- Marca: guinda IPN --- */
  --vino:            #6D1230;
  --vino-900:        #3D0A1B;
  --vino-800:        #4A0C20;
  --vino-700:        #5C1028;
  --vino-08:         rgba(109, 18, 48, .08);
  --vino-10:         rgba(109, 18, 48, .10);
  --vino-06:         rgba(109, 18, 48, .06);

  /* --- Acento: dorado --- */
  --oro:             #E8A317;
  --oro-claro:       #F5D98B;
  --oro-20:          rgba(232, 163, 23, .20);
  --oro-22:          rgba(232, 163, 23, .22);
  --oro-45:          rgba(232, 163, 23, .45);

  /* --- Tinta y grises --- */
  --tinta:           #2E1A22;
  --gris:            #5E6673;
  --gris-65:         rgba(94, 102, 115, .65);
  --borde:           #DDE1E7;
  --fondo:           #F9FAFB;
  --fondo-alt:       #EDEFF3;
  --blanco:          #FFFFFF;

  /* --- Blancos translúcidos (sobre fondo vino) --- */
  --w-88:            rgba(255, 255, 255, .88);
  --w-80:            rgba(255, 255, 255, .80);
  --w-68:            rgba(255, 255, 255, .68);
  --w-65:            rgba(255, 255, 255, .65);
  --w-55:            rgba(255, 255, 255, .55);
  --w-20:            rgba(255, 255, 255, .20);
  --w-12:            rgba(255, 255, 255, .12);
  --w-10:            rgba(255, 255, 255, .10);

  /* --- Tipografía --- */
  --fuente: 'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',
            Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* --- Radios --- */
  --r-pill:  999px;
  --r-xs:    10px;
  --r-sm:    12px;
  --r-md:    18px;
  --r-lg:    22px;
  --r-xl:    26px;
  --r-2xl:   30px;
  --r-3xl:   32px;

  /* --- Sombras --- */
  --sh-sm:   0 6px 18px rgba(46, 23, 33, .05);
  --sh-md:   0 8px 22px rgba(46, 23, 33, .06);
  --sh-lg:   0 10px 26px rgba(46, 23, 33, .07);
  --sh-xl:   0 14px 34px rgba(46, 23, 33, .08);
  --sh-oro:  0 8px 20px rgba(232, 163, 23, .30);
  --sh-vino: 0 8px 18px rgba(51, 8, 23, .30);
  --sh-hond: 0 16px 36px rgba(31, 5, 13, .22);

  /* --- Medidas --- */
  --contenedor: 1280px;
  --margen:     80px;
}