/* M · «La línea» — tokens
   Tipos: Overpass (señalética: 300 / 400 / 800) + Vollkorn (texto largo).
   Contrastes medidos (WCAG): navy/papel 14,0 · naranja-texto/papel 4,76 · navy-hondo/naranja 5,04 ·
   naranja-sobre-navy 6,19 · amarillo/negro 11,85 · verde/blanco 11,27 · gris-suave/papel 6,82 */

:root {
  /* Tipografía */
  --f-sign: "Overpass", "Helvetica Neue", Arial, sans-serif;
  --f-text: "Vollkorn", Georgia, "Times New Roman", serif;

  /* Derecho Privado */
  --navy: #0b2545;
  --navy-hondo: #06142a;
  --navy-2: #163866;
  --naranja: #de5f14;
  --naranja-texto: #b84a0c;
  --naranja-claro: #f08a4b;
  --papel: #f7f4ef;
  --papel-2: #ede6da;
  --blanco: #fdfcf9;
  --placa: #ffffff; /* solo placas de logos: los logos vienen sobre blanco */
  --tinta: #121722;
  --tinta-suave: #4d5566;
  --navy-suave: #b4c0d3;

  /* Vis Moot */
  --vis-negro: #0d0d0b;
  --vis-negro-2: #1b1a16;
  --vis-amarillo: #f5c518;
  --vis-suave: #bdb9aa;
  --vis-oscuro-sobre-amarillo: #3a3410;

  /* Moot Madrid */
  --mm-verde: #0f3d2e;
  --mm-verde-2: #155a43;
  --mm-blanco: #f4f7f5;
  --mm-suave: #a9cdbb;
  --mm-gris: #3f5a4e;
  --mm-tinta: #0c1a14;

  /* Espacio (múltiplos de 4) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --s-11: 160px;

  /* Rejilla y carriles de la línea */
  --maxw: 1320px;
  --gutter: 24px;
  --lane: 104px;
  --lane-r: 104px;
  --edge: max(var(--gutter), calc((100% - var(--maxw)) / 2));

  /* La línea */
  --line-w: 14px;
  --line-casing: 6px;
  --line-r: 48px;

  /* Capas */
  --z-linea: 1;
  --z-contenido: 2;
  --z-estacion: 3;
  --z-menu: 20;

  --dur: 180ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (max-width: 760px) {
  :root {
    --gutter: 16px;
    --lane: 44px;
    --lane-r: 0px;
    --line-w: 10px;
    --line-casing: 4px;
    --line-r: 24px;
  }
}