/* =====================================================================
   Reforma Con Cabeza — Design Tokens
   Dirección final: 1d · verde bosque + calidez terracota sobre crema.
   Fuente de verdad para color, tipografía, espacio, radios y sombra.
   No escribas hex sueltos en los componentes: usa var(--rcc-*).
   ===================================================================== */

:root {
  /* ---- Color · marca ---- */
  --rcc-green:          #1C7A4C;  /* acción · marca · "sí desgrava" · el número que recuperas */
  --rcc-green-dark:     #155E3A;  /* hover / pressed sobre verde */
  --rcc-green-tint:     #E8F2EA;  /* fondo de resultado, sellos, superficies suaves */
  --rcc-green-line:     #CDE6D6;  /* borde sobre tinte verde */

  --rcc-terracota:      #C25A33;  /* destacado · voz humana · "cuándo NO" · la palabra "cabeza" */
  --rcc-terracota-dark: #A6492A;  /* hover / texto sobre tinte terracota */
  --rcc-terracota-tint: #F6E8E0;  /* fondo de avisos humanos, sellos de fuente */
  --rcc-terracota-line: #E6CDBE;  /* borde sobre tinte terracota */
  --rcc-terracota-soft: #F4B59A;  /* terracota clara: SOLO sobre fondo verde oscuro */

  /* ---- Color · neutros (cálidos, nunca grises clínicos) ---- */
  --rcc-cream:          #FBF7F0;  /* fondo de página · el lienzo cálido */
  --rcc-surface:        #FFFFFF;  /* tarjetas, inputs */
  --rcc-ink:            #1E2A22;  /* texto principal, titulares */
  --rcc-ink-soft:       #5C6B61;  /* texto secundario */
  --rcc-ink-faint:      #8A968D;  /* etiquetas, metadatos, placeholders */
  --rcc-line:           #E6E0D4;  /* bordes y separadores */
  --rcc-line-soft:      #F0EDE3;  /* separadores internos muy suaves */

  /* ---- Color · estados ---- */
  --rcc-warn:           #B07D2E;  /* aviso (acento) */
  --rcc-warn-bg:        #FBF1DE;
  --rcc-warn-line:      #ECD9AE;
  --rcc-warn-ink:       #7A5618;  /* texto AA sobre warn-bg */
  --rcc-error:          #B23B2E;

  /* ---- Tipografía ---- */
  --rcc-font-display: 'Newsreader', Georgia, 'Times New Roman', serif;  /* titulares · serif editorial cálida */
  --rcc-font-body:    'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif; /* texto + UI + cifras */

  --rcc-fs-h1:   clamp(2rem, 1.4rem + 2.6vw, 3.375rem); /* 32 → 54 */
  --rcc-fs-h2:   clamp(1.5rem, 1.2rem + 1.2vw, 1.75rem); /* 24 → 28 */
  --rcc-fs-h3:   clamp(1.5rem, 1.2rem + 1.5vw, 2.375rem); /* titular de artículo */
  --rcc-fs-lead: 1.125rem;   /* 18 · entradilla */
  --rcc-fs-body: 1rem;       /* 16 */
  --rcc-fs-sm:   0.875rem;   /* 14 */
  --rcc-fs-xs:   0.8125rem;  /* 13 · etiquetas */

  --rcc-lh-tight: 1.1;
  --rcc-lh-head:  1.15;
  --rcc-lh-body:  1.6;

  /* ---- Espacio (base 4) ---- */
  --rcc-sp-1: 4px;
  --rcc-sp-2: 8px;
  --rcc-sp-3: 12px;
  --rcc-sp-4: 16px;
  --rcc-sp-5: 24px;
  --rcc-sp-6: 32px;
  --rcc-sp-7: 48px;
  --rcc-sp-8: 64px;

  /* ---- Radios ---- */
  --rcc-r-sm: 8px;
  --rcc-r-md: 10px;
  --rcc-r-lg: 14px;
  --rcc-r-xl: 18px;
  --rcc-r-pill: 999px;

  /* ---- Sombra (suave, cálida) ---- */
  --rcc-shadow-sm: 0 6px 14px rgba(28,122,76,.18);   /* botón verde */
  --rcc-shadow-md: 0 10px 24px rgba(30,42,34,.08);
  --rcc-shadow-lg: 0 20px 50px rgba(30,42,34,.10);

  --rcc-maxw: 1200px;        /* ancho de contenido */
  --rcc-maxw-prose: 65ch;    /* ancho de lectura cómoda */
}