/* ============================================================
   RADAR PATRIMONIAL · DESIGN TOKENS v0.1 (reconstrucción)
   Fuente única de verdad para color, tipografía, espacio, radio,
   sombra y movimiento. Prohibido hex suelto fuera de este archivo.
   Paleta leída del manual de identidad del cliente (2026-09-07);
   verificar valores con el cliente antes de imprimir.
   ============================================================ */

:root {
  color-scheme: light;   /* la marca no tiene modo oscuro: el UA no debe invertir nada */

  /* --- COLOR · PALETA DEL CLIENTE --- */
  --rp-azul:            #062A4D;  /* Azul principal · fondos de bloque, titulares      */
  --rp-azul-secundario: #36556A;  /* Azul secundario · texto secundario, tarjetas       */
  --rp-dorado:          #C9A45E;  /* Dorado · acento, botón primario, reglas, iconos    */
  --rp-dorado-suave:    #E2CF9F;  /* Dorado suave · texto secundario sobre azul          */
  --rp-marfil:          #FAF8F3;  /* Marfil · fondo claro por defecto, nunca blanco puro */
  --rp-grafito:         #252A2E;  /* Grafito · texto de cuerpo sobre claro               */

  /* --- COLOR · DERIVADOS (necesarios para AA; no están en la imagen) --- */
  --rp-dorado-texto:    #85662B;  /* dorado legible sobre marfil (≈5:1). Eyebrow, links  */
  --rp-marfil-2:        #F1EDE3;  /* superficie hundida sobre marfil: inputs, tablas     */
  --rp-borde:           #D9D2C4;  /* separadores sobre marfil                             */
  --rp-azul-velo:       rgba(6, 42, 77, 0.06);   /* fondos de énfasis suaves            */
  --rp-dorado-velo:     rgba(201, 164, 94, 0.14);/* halo de foco, hover sutil            */

  /* --- COLOR · FUNCIONAL (solo UI de formulario, jamás en comunicación) --- */
  --rp-ok:              #276A4D;  /* AA sobre marfil (6,08) y sobre marfil-2 (5,52)     */
  --rp-error:           #A23B2C;  /* AA sobre marfil (6,19) y sobre marfil-2 (5,62)     */

  /* --- COLOR · ROLES (lo que consume el código; cambiar aquí, no en las páginas) --- */
  --rp-fondo:           var(--rp-marfil);
  --rp-fondo-oscuro:    var(--rp-azul);
  --rp-texto:           var(--rp-grafito);
  --rp-texto-secundario:var(--rp-azul-secundario);
  --rp-texto-invertido: var(--rp-marfil);
  --rp-titular:         var(--rp-azul);
  --rp-acento:          var(--rp-dorado);
  --rp-acento-texto:    var(--rp-dorado-texto);
  --rp-boton-fondo:     var(--rp-dorado);
  --rp-boton-texto:     var(--rp-azul);
  --rp-boton-borde:     var(--rp-azul);

  /* --- ESTADOS · foco y deshabilitado (los consumen botones, enlaces e inputs) --- */
  --rp-foco: 0 0 0 3px var(--rp-dorado-velo), 0 0 0 1.5px var(--rp-azul);
  --rp-foco-oscuro: 0 0 0 3px var(--rp-dorado-velo), 0 0 0 1.5px var(--rp-marfil);  /* anillo sobre superficies azules: el filete azul de --rp-foco es invisible sobre azul (errata manual §3.4) */
  --rp-disabled-fondo:  var(--rp-marfil-2);
  --rp-disabled-texto:  var(--rp-azul-secundario);

  /* --- TIPOGRAFÍA --- */
  --rp-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --rp-texto-f: 'Montserrat', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  --rp-t-hero:    clamp(2.5rem, 6vw, 4.5rem);      /* un solo titular por página        */
  --rp-t-hero-portada: clamp(3.6rem, 8vw, 5.4rem); /* logotipo de portada. PATRIMONIAL = RADAR / 2,21 iguala los anchos (medido con Range en navegador, 2026-09-08); con 3,6rem el sub queda en 1,63rem, sobre el piso de Cormorant 1,375rem */
  --rp-t-h1:      clamp(2rem, 4vw, 3rem);
  --rp-t-h2:      clamp(1.5rem, 2.6vw, 2.125rem);
  --rp-t-h3:      1.375rem;
  --rp-t-lead:    clamp(1.125rem, 1.5vw, 1.3125rem); /* bajada del hero                  */
  --rp-t-cuerpo:  1.0625rem;
  --rp-t-chico:   0.9375rem;
  --rp-t-eyebrow: 0.75rem;   /* mayúsculas + tracking. Firma de la marca.               */

  --rp-peso-normal: 400;    /* Montserrat cuerpo                                        */
  --rp-peso-medio:  500;    /* Montserrat énfasis · Cormorant subtítulos                */
  --rp-peso-fuerte: 600;    /* Montserrat botones/eyebrow · Cormorant titulares         */
  --rp-peso-display:700;    /* Cormorant solo en logotipo y hero                        */

  --rp-interlinea-titular: 1.08;
  --rp-interlinea-cuerpo:  1.6;
  --rp-tracking-eyebrow:   0.16em;
  --rp-tracking-logotipo:  0.12em;
  --rp-tracking-logotipo-sub: 0.22em;  /* PATRIMONIAL bajo RADAR en el logotipo   */

  /* --- ESPACIO (base 4) --- */
  --rp-s-1: 0.25rem;  --rp-s-2: 0.5rem;  --rp-s-3: 0.75rem; --rp-s-4: 1rem;
  --rp-s-5: 1.5rem;   --rp-s-6: 2rem;    --rp-s-7: 3rem;    --rp-s-8: 4rem;
  --rp-s-9: 6rem;
  --rp-ancho-lectura: 68ch;
  --rp-ancho-max:     72rem;

  /* --- RADIOS (marca clásica: casi rectos) --- */
  --rp-radio-0: 0;  --rp-radio-1: 2px;  --rp-radio-2: 6px;

  /* --- SOMBRA · una sola, suave --- */
  --rp-sombra: 0 10px 30px rgba(6, 42, 77, 0.10);

  /* --- MOVIMIENTO · solo opacidad y color --- */
  --rp-mov: 180ms ease-out;

  /* --- VELADURAS · unión entre la fotografía de objeto y el bloque azul (Plan D, hero) ---
     Lateral: escritorio, la imagen a la derecha se funde hacia el texto.
     Vertical: móvil, la imagen arriba se funde hacia el bloque de texto de abajo.
     Solo azul de marca vía color-mix: sin hex, sin rgba. --- */
  --rp-velo-hero-lateral:  linear-gradient(90deg, var(--rp-azul) 0%, color-mix(in srgb, var(--rp-azul) 85%, transparent) 14%, transparent 45%);
  --rp-velo-hero-vertical: linear-gradient(180deg, color-mix(in srgb, var(--rp-azul) 55%, transparent) 0%, transparent 35%, transparent 55%, var(--rp-azul) 100%);

  /* breakpoint único documentado: 720px (las variables no valen en @media) */
}