/* Tokiva · identidad visual.
   Lenguaje sobrio tipo Apple / Kursox: fondo cálido, tipografía del sistema, un solo acento.
   El logo conserva sus colores del manual de marca (--logo-verde) y su tipografía (Montserrat). */

/* Geist (variable, pesos 100-900) para el texto y los títulos de la landing, el login y la 404.
   Copiada de @fontsource-variable/geist (licencia OFL). Solo se descarga en las páginas que la usan. */
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/vendor/geist/geist-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter (variable) para el texto, etiquetas y controles de la landing y el login; Geist queda para los títulos.
   Copiada de @fontsource-variable/inter (licencia OFL). */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/vendor/inter/inter-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Montserrat 600 solo para el wordmark (letras latinas). Archivo copiado de @fontsource/montserrat (licencia OFL).
   Cada página lo precarga con <link rel="preload"> para que no bloquee el primer pintado. */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/vendor/montserrat/montserrat-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --navy: #102b34;
  --navy-2: #1b4048;
  --navy-deep: #0b2027;
  --verde: #4fbfae;
  --verde-texto: #1d7469;
  --verde-claro: #a8e3da;
  --bg-top: #f5f7f8;
  --bg: #f4f3ee;
  --fondo: #f4f3ee;
  --superficie: #ffffff;
  --ink: #102b34;
  --ink-2: #3d5560;
  --muted: #5a6b73;
  --faint: #a4adb0;
  --borde: rgba(16, 43, 52, 0.1);
  --hairline: rgba(16, 43, 52, 0.1);
  --hairline-2: rgba(16, 43, 52, 0.16);
  --whatsapp: #25d366;
  --logo-verde: #4a9e6c;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;
  --font-titulo: var(--font);
  --font-marca: "Montserrat", var(--font);
  --font-display: "Geist", var(--font);
  --font-body: "Inter", var(--font);
  --spring: cubic-bezier(0.25, 1, 0.5, 1);
  --ease: cubic-bezier(0.22, 0.61, 0.21, 1);
}

/* Isotipo: T + 3 ondas. Usa la T navy y las ondas verdes por defecto */
.mark {
  display: block;
  flex-shrink: 0;
}

.mark .t {
  fill: var(--mark-t, var(--navy));
}

.mark .o {
  fill: none;
  stroke: var(--mark-o, var(--logo-verde));
  stroke-width: 18;
  stroke-linecap: round;
}

/* Wordmark TOKIVA, con la V en verde */
.wordmark {
  font-family: var(--font-marca);
  font-weight: 600;
  letter-spacing: 0.16em;
  color: var(--wordmark, var(--navy));
  line-height: 1;
  white-space: nowrap;
}

.wordmark .v {
  color: var(--logo-verde);
}