/* =========================================================
   TOBBO Studio — Landing V1
   tokens.css — variables globales del sistema cerrado
   (ver claude/arquitectura-final-landing-tobbo.md para el
   origen de cada valor — este archivo NO se edita por
   estética, solo si el sistema documentado cambia)
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders:wght@800&family=Big+Shoulders+Display:wght@900&family=Archivo:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');

:root {
  /* ---- Color: los 5 tokens cerrados de la paleta de marca.
     Musgo entra en uso por primera vez en la landing con la
     arquitectura V1: exclusivo de los numerales de Pieza 4
     ("What We Do") — ver claude/arquitectura-final-landing-tobbo.md,
     sección 1 y 3. ---- */
  --color-kraft: #C9BE9E;
  --color-papel: #EDE6D2;
  --color-negro-tinta: #141414;
  --color-coral: #E1492C;
  --color-musgo: #9CA83A;

  /* ---- Tipografía: familias ---- */
  --font-headline: 'Big Shoulders', sans-serif;   /* peso 800, mayúsculas — Apertura y CTA final únicamente */
  --font-bb-glyph: 'Big Shoulders Display', sans-serif; /* peso 900 — Pieza 2 ("La idea antes que el contenido") y, en Pieza 4 ("What We Do"), el título y los cuatro nombres de servicio */
  --font-body: 'Archivo', sans-serif;             /* cuerpo de lectura */
  --font-utility: 'Space Mono', monospace;        /* nav, correo, footer */

  /* ---- Spacing global ---- */
  --margin-lateral: 8%;                            /* margen lateral usado en todas las secciones */

  /* ---- Movimiento (Paso 4, cerrado) ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-appear: 450ms;
  --duration-hover: 180ms;
  --appear-offset: 12px;                           /* fade + 12px→0 al aparecer en scroll */

  /* ---- Aire entre secciones — arquitectura V1 aprobada ----
     Los valores de la arquitectura anterior (--air-1-2 a
     --air-6-7) se retiraron: ninguna de esas parejas de
     secciones adyacentes sigue existiendo tal cual en la
     nueva arquitectura (ver claude/arquitectura-final-landing-tobbo.md,
     sección 4). Se conserva únicamente --air-7-footer porque
     la pareja CTA final → Footer es la misma en ambas
     arquitecturas. Los valores para las transiciones nuevas
     (Apertura→Idea, Idea→Qué es TOBBO, Qué es TOBBO→What We
     Do, What We Do→CTA) se calibraron directamente como
     padding hardcodeado en base.css, cada uno contra su
     vecino real y como parte de un mismo recorrido completo —
     no por analogía con un valor viejo ni de forma aislada. */
  --air-7-footer: 140px;
  --air-7-footer-m: 84px;
}

/* Breakpoint del sistema: el mapa de ritmo solo cerró valores
   "desktop" y "mobile" (no hay tablet propio) — 640px es el
   punto de corte elegido para separar ambos registros; no es
   un valor cerrado en el sistema visual, es una decisión de
   implementación y puede ajustarse sin reabrir ninguna ficha. */