/* ==========================================================================
   PIEL · venderpisookupado.es · v1 «Escritura» · 04/11/2026 (propuesta A)
   Papel cálido, tinta y verde notaría; títulos con serifa de documento.
   Se carga DESPUÉS de base.css y solo toca tokens de :root y las fuentes.

   Comprobado el 04/11/2026 (WCAG 2.2):
   - Texto sobre fondo 14,0:1 · sobre superficie 15,3:1 · suave 6,5–7,1:1
   - Marca sobre fondo 7,2:1 · sobre-marca sobre marca 8,0:1
   - Borde de campo 4,3:1 · foco 5,8–6,3:1 · sobre-banda 13,4:1
   - Estados sobre su tenue: ok 5,6 · aviso 6,0 · error 5,6
   Pendiente: que la apruebe el titular.
   ========================================================================== */

/* Fuentes servidas desde la propia web (SIL Open Font License, en /fuentes) */
@font-face {
  font-family: "Source Serif 4";
  src: url("../fuentes/source-serif-4-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fuentes/source-sans-3-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fuentes/source-sans-3-latin-wght-italic.woff2") format("woff2");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Color · superficies: papel cálido */
  --color-fondo: #f6f2ea;
  --color-superficie: #fffcf6;
  --color-superficie-alt: #ede6d8;
  --color-texto: #1b2430;
  --color-texto-suave: #4f5764;
  --color-linea: #ddd4c3;
  --color-linea-campo: #7f7768;

  /* Color · marca: verde notaría */
  --color-marca: #1d5a50;
  --color-marca-intensa: #15443c;
  --color-sobre-marca: #ffffff;
  --color-marca-tenue: #e2eee9;
  --color-foco: #2457c5;

  /* Color · banda oscura: tinta */
  --color-banda: #1b2430;
  --color-sobre-banda: #f1ede4;
  --color-sobre-banda-suave: #b9bdc4;

  /* Color · estados */
  --color-ok: #1f6b3f;
  --color-ok-tenue: #e5f1e8;
  --color-aviso: #8a4b00;
  --color-aviso-tenue: #fbefdb;
  --color-error: #b3261e;
  --color-error-tenue: #fbe9e7;

  /* Color · luces de las herramientas (sobre la banda) */
  --color-luz-apagada: #3a424d;
  --color-luz-verde: #1fcb74;
  --color-luz-ambar: #ffb020;
  --color-luz-roja: #ff4d4f;

  /* Tipografía */
  --fuente-titulos: "Source Serif 4", Georgia, "Times New Roman", serif;
  --fuente-texto: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --peso-fuerte: 600;
  --peso-titulos: 600;
  --tracking-titulos: -0.012em;
  --interlineado: 1.62;

  /* Forma: esquinas de documento */
  --radio-s: 3px;
  --radio-m: 6px;
  --radio-l: 10px;
  --radio-boton: 6px;
  --radio-campo: 4px;
  --sombra-1: 0 1px 2px rgb(27 36 48 / 0.06), 0 1px 3px rgb(27 36 48 / 0.05);
  --sombra-2: 0 14px 34px -14px rgb(27 36 48 / 0.24), 0 3px 8px -2px rgb(27 36 48 / 0.08);

  /* Maquetación (normalmente no se toca) */
  --ancho-pagina: 72rem;
}