/* J.C. Multiservices — tokens de diseño.
   ---------------------------------------------------------------------------
   DIRECCIÓN: "hoja de obra". El sitio se lee como el documento de un oficio —
   retícula visible, cotas, bloques numerados, tipografía condensada— y no como
   una web de plantilla. Tres reglas de las que sale todo lo demás:

     1. La TINTA es el fondo por defecto de la identidad; el papel es la
        superficie de lectura. El sitio no es color crema con acentos: es
        oscuro y sólido, y se abre a papel cuando hay que leer.
     2. El ORO es escaso. Marca lo que está vivo o decide: la acción, el paso
        actual, el dato que importa. Nunca es un relleno ni un degradado.
     3. Sin degradados, sin sombras difusas, sin esquinas blandas. Los bordes
        son duros y los filetes de 1px. La solidez es el mensaje.

   Todo valor de texto está verificado contra WCAG AA (4.5:1); los que NO valen
   para texto lo dicen en su línea. */
:root {
  /* ---- Superficies ---------------------------------------------------- */
  --ink:       #14120E;   /* fondo principal oscuro */
  --ink-2:     #1D1A14;   /* bloque elevado sobre tinta */
  --ink-line:  #332E24;   /* filete sobre tinta */
  --paper:     #F6F3E9;   /* superficie de lectura */
  --paper-2:   #FFFFFF;   /* bloque elevado sobre papel */
  --concrete:  #E4E0D3;   /* banda intermedia, hormigón */
  --line:      #D3CDBA;   /* filete sobre papel */

  /* ---- Texto ---------------------------------------------------------- */
  --on-paper:      #14120E;  /* 16.9:1 */
  --on-paper-soft: #625C4C;  /* 6.0:1 en papel, 5.0:1 en hormigón */
  --on-ink:        #EFEADB;  /* 15.6:1 */
  --on-ink-soft:   #ADA48D;  /* 7.6:1 */

  /* ---- Oro ------------------------------------------------------------ */
  --gold:      #D6BE0E;   /* gráfico y texto SOBRE TINTA (10:1) — 1.7:1 en papel, nunca texto ahí */
  --gold-deep: #A88F0F;   /* solo hover de fondos */
  --gold-text: #6E5D06;   /* oro legible sobre papel (5.9:1) y hormigón (4.9:1) */
  --gold-wash: #F0E7B4;   /* fondo tenue, jamás texto */

  --whatsapp:  #25D366;   /* tinta encima: 9.4:1 */
  --error:     #A8321F;  --error-wash: #F7E5E2;

  /* ---- Tipografía ------------------------------------------------------ */
  --font-display: "Anton", "Haettenschweiler", "Arial Narrow", sans-serif;
  --font-cond:    "Oswald", "Arial Narrow", sans-serif;
  --font-body:    "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Escala. El salto entre el display y el resto es deliberado y grande: el
     titular es un cartel, no un párrafo grande. */
  --t-display: clamp(2.65rem, 6.6vw, 5.6rem);
  --t-mega:    clamp(4rem, 13vw, 10rem);   /* la cifra suelta: €35, 100 km */
  --t-h1:      clamp(2.3rem, 5.4vw, 4.1rem);
  --t-h2:      clamp(1.85rem, 3.9vw, 3.05rem);
  --t-h3:      clamp(1.05rem, 1.4vw, 1.22rem);
  --t-row:     clamp(1.55rem, 3.4vw, 2.6rem);  /* fila del índice de servicios */
  --t-lead:    clamp(1.02rem, 1.25vw, 1.16rem);
  --t-label:   .715rem;
  --tr-label:  .16em;   /* tracking de las etiquetas condensadas */

  /* ---- Retícula y medidas ---------------------------------------------- */
  --max:        1280px;
  --max-read:   680px;   /* ~68ch, medida de lectura de los textos legales */
  --pad:        clamp(20px, 5vw, 56px);
  --header-h:   66px;
  --bar-h:      60px;    /* barra de acción fija en móvil */
  --sec-pad:    clamp(64px, 8.5vw, 132px);
  --rule:       1px;

  /* La retícula de la hoja de dibujo. Se pinta como fondo, muy tenue: se
     percibe como textura de papel técnico, no como líneas. */
  --grid-ink:   repeating-linear-gradient(to right, rgba(239,234,219,.052) 0 1px, transparent 1px 25%);
  --grid-paper: repeating-linear-gradient(to right, rgba(20,18,14,.045) 0 1px, transparent 1px 25%);
}