/* ════════════════════════════════════════════════════════════
   Subvenciones.es — Design tokens
   Variables CSS compartidas por la landing y el wizard.
   Mantén este archivo como única fuente de los valores de marca.
   ════════════════════════════════════════════════════════════ */

:root {
  /* Paleta — papel & tinta.
     Tintamos los neutros sutilmente HACIA el carmesí (hue ~20), NO hacia warm-cream
     (hue 60), para esquivar el "AI cream/sand" saturado y dar cohesión con el acento. */
  --bg:           #F7F2F0;   /* papel mate, base */
  --bg-alt:       #EFEAE7;   /* sección alterna, un paso más material */
  --bg-elev:      #FFFFFF;   /* superficies elevadas: fichas BDNS, cards */
  --bg-elev-2:    #FAF6F4;   /* hover */
  --border:       #E6DFDB;   /* línea sutil */
  --border-strong:#C9BFB9;   /* línea visible (filetes ruleados) */

  /* Tinta carbón — pasos tonales sobre papel */
  --text:         #1B1816;   /* tinta principal */
  --text-soft:    #4A4640;   /* secundario */
  --text-mute:    #7A736D;   /* metadatos / microcopy */
  --text-faint:   #756B65;   /* placeholders (≥4.5:1 sobre bg) */

  /* Acento institucional — carmesí BOE */
  --accent:       #C8102E;   /* tinta de sello, CTAs */
  --accent-soft:  #A60E27;   /* hover (más profundo) */
  --accent-ink:   #FFFFFF;   /* texto sobre accent */
  --accent-wash:  #FBEEEC;   /* fondo lavado para selección y highlights */

  /* Tipografía — familias
     - Source Serif 4: titulares, sabor a documento administrativo, sin italic-editorial.
     - Geist: cuerpo y nav, sans neutra técnica moderna.
     - JetBrains Mono: números de expediente, IDs, fechas, eyebrows tipo "Reg. n.º".  */
  --font-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-sans:  'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* Escala — fija para cuerpo, fluida para titulares dentro del techo de 6rem */
  --step-0: 0.875rem;   /* 14 */
  --step-1: 1rem;       /* 16 */
  --step-2: 1.125rem;   /* 18 */
  --step-3: 1.375rem;   /* 22 */
  --step-4: 1.75rem;    /* 28 */
  --step-5: 2.5rem;     /* 40 */
  --step-6: clamp(2.25rem, 4.5vw, 3.75rem);  /* H2 secciones */
  --step-7: clamp(2.5rem, 6.5vw, 5rem);      /* H1 hero — bajo el techo de 6rem */

  /* Layout */
  --container:    1200px;
  --container-n:  860px;     /* contenedor estrecho (FAQ) */
  --radius:       12px;
  --radius-sm:    8px;

  /* Motion */
  --ease:    cubic-bezier(.2, .7, .2, 1);
  --t-fast:  160ms;
  --t-med:   320ms;
  --t-slow:  640ms;
}