/* Tipografía y marca de simfloor.io.
   - Fuente de la interfaz: Manrope (variable 400-800), self-hosteada.
   - Wordmark: Poppins ExtraBold, el lettering del logo.
   - Sin CDNs: lo exige tests/test_no_external_assets.py.
   Licencias junto a los ficheros: fonts/OFL-manrope.txt, fonts/OFL-poppins.txt. */

/* Poppins es la tipografía de todo el sitio: cinco pesos REALES (400/500/600/700/800).
   Cada peso es un maestro propio del fabricante, no un bold sintetizado por el
   navegador (`font-synthesis-weight: none` lo garantiza). */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/poppins-regular-latin.woff2) format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/poppins-medium-latin.woff2) format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/poppins-semibold-latin.woff2) format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/poppins-bold-latin.woff2) format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/poppins-extrabold-latin.woff2) format('woff2');
}

:root {
  /* Paleta de marca */
  --sf-navy: #0F2B4D;
  --sf-blue: #1683F7;
  --sf-blue-light: #29A9FF;
  --sf-bg: #FFFFFF;
  --sf-bg-2: #F5F8FC;
  --sf-text: #243447;
  /* Poppins como estándar global (mismo tipo que el logo). Sin Manrope/Inter en
     la pila a propósito: si un glifo no está, va al tipo del sistema en vez de
     descargar otra fuente (Manrope costaba 20 KB por página sin usarse). */
  --sf-font: 'Poppins', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',
             Roboto, sans-serif;
}

/* 1. Tipografía global. brand.css se carga después de tailwind.css, así que esto
      gana al preflight (que todavía nombra Inter en el CSS compilado). */
html,
body {
  font-family: var(--sf-font);
  /* Nada de pesos falsos: si un peso no existe, el navegador usa el más
     cercano, no lo engorda (directiva de Pablo: «si es fina, fina; si es
     gruesa, gruesa»). */
  font-synthesis-weight: none;
  font-synthesis-style: none;
}

body {
  font-weight: 400;   /* Regular = texto corrido; sin pesos Light */
}

/* 2. Jerarquía de pesos. Las utilidades de Tailwind (font-extrabold del hero)
      siguen pudiendo subir a 800, como pide la guía. */
h1 { font-weight: 700; letter-spacing: -0.02em; line-height: 1.12; }
h2 { font-weight: 700; letter-spacing: -0.015em; line-height: 1.2; }
h3 { font-weight: 600; line-height: 1.3; }
p  { line-height: 1.65; }

nav[aria-label="Main"] a,
nav[aria-label="Main"] button { font-weight: 500; }

button { font-weight: 600; }

/* 3. Marca: solo el nombre del logo y de la empresa va en minúsculas; el resto de
      la interfaz (títulos, navegación, botones, rótulos, pie) conserva su caja
      normal. El lettering se escribe «simfloor» directamente en el copy y esta
      regla lo garantiza como red de seguridad. */
.logo-wordmark {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1;
  text-transform: lowercase;
}

.logo-io { color: var(--sf-blue); }         /* .io en azul técnico */
.logo-wordmark.on-light { color: var(--sf-navy); }   /* «simfloor» navy sobre fondo claro */