/* Tokens de la portada de FP al día (landing.html), extraídos el 08/11/2026.
   Uso compartido: portada, jobboard y páginas nuevas. Los valores de la portada son oscuros; la edición y el radar usan la paleta clara de abajo. */
:root {
  /* Fondo y tinta (portada) */
  --negro: #000;
  --ink: #111;
  --txt: #f4f4f4;
  --grey: #6f6f6f;
  --paper: #dadada;
  --frame: #cdcdcd;
  --line: rgba(255, 255, 255, .14);
  --line2: rgba(255, 255, 255, .28);

  /* Acento */
  --sol: #FFC400;

  /* Tipografía */
  --wide: 'Archivo', sans-serif;
  --ui: 'Inter Tight', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Escala: 1 unidad = 1px a 1440 px de ancho, con tope */
  --u: min(calc(100vw / 1440), 1.333px);
}

/* Paleta clara de la edición y el radar (fp-al-dia) */
:root[data-tema="claro"], .claro {
  --cal: #FFFFFF;
  --picon: #0E1621;
  --atl: #0057B8;
  --sol: #FFC400;
  --rojo: #C60B1E;
  --gris: #55606E;
  --linea: #E3E8EF;
}

/* Radios y espaciado usados en la portada */
:root {
  --radio-pildora: 999px;
  --radio-md: calc(12 * var(--u));
  --radio-lg: calc(14 * var(--u));
  --pad-x: calc(22 * var(--u));
  --pad-y: calc(10 * var(--u));
}

/* Escala tipográfica (portada): cuerpos de 8 a 90 unidades */
:root {
  --texto-xs: calc(8 * var(--u));
  --texto-s: calc(11 * var(--u));
  --texto-m: calc(14 * var(--u));
  --texto-l: calc(22 * var(--u));
  --texto-xl: calc(90 * var(--u));
}

/* Móvil: la unidad pasa a escalar con el ancho de pantalla de 390 px, como en la portada */
@media (max-width: 720px) {
  :root { --u: calc(100vw / 390); }
}