/* =============================================================
 * tokens.css · Tokens de diseño UNIFICADOS de ASEMDIS
 * -------------------------------------------------------------
 * Fuente única de verdad de la marca para TODA la web unificada
 * (home, páginas, noticias, marketplace, ayudas, panel). Cualquier
 * hoja de estilo consume estas variables; no se redefinen colores
 * ni tipos sueltos por sección. Ver docs/DISENO.md.
 * ============================================================= */

:root {
  /* Turquesa */
  --teal:        #2DAEAA;
  --teal-dark:   #157C79; /* AA: 5.0:1 sobre blanco (antes #1F8E8A, 3.97 fallaba en enlaces/texto) */
  --teal-darker: #126763;
  --teal-soft:   #DCF1EF;
  --teal-pale:   #F0FAF8;

  /* Coral */
  --coral:       #EE6E5C; /* coral vivo: SOLO decoración (subrayados, separadores, iconos) */
  --coral-dark:  #B53A2A; /* AA: 5.8:1 blanco · texto de acento y fondo de botón/insignia */
  --coral-darker:#8F2E20; /* hover de botón coral */
  --coral-soft:  #FCE2DD;

  /* Naranja */
  --orange:      #F4A731;
  --orange-dark: #D78A14; /* naranja oscuro: iconos decorativos (≥3:1 no-texto) */
  --orange-ink:  #8A5A0C; /* AA: 5.9:1 blanco · texto de acento en naranja */
  --orange-soft: #FCEAC9;

  /* Dorado */
  --gold:        #F4D06F; /* barra de la hamburguesa */
  --gold-soft:   #FED992; /* franja legal del pie */

  /* Tinta y neutros */
  --ink:         #111111;
  --ink-soft:    #4A4A4A;
  --ink-muted:   #6A6A6A; /* AA: 5.4:1 sobre blanco (antes #7A7A7A, 4.29 fallaba) */
  --white:       #FFFFFF;
  --gray-line:   #E8E8E8;
  --gray-bg:     #F7F7F7;

  /* Tipografía */
  --f-brand:  "Alte Haas Grotesk", "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --f-script: "Raspberry", "Caveat Brush", cursive;

  /* Escala tipográfica (desktop; el responsive la baja en app.css) */
  --t-h1: 60px;
  --t-h2: 48px;
  --t-h3: 28px;
  --t-body: 24px;
  --lh-body: 36px;
  --t-small: 18px;
  --t-tiny: 16px;

  /* Layout */
  --max-w: 1200px;
}