/* tokens.css · esteban calvo — sacados del Manual de identidad (ed. 01 · 2026) */
:root {
  /* color */
  --ec-tinta: #141414;
  --ec-grafito: #2A2A29;
  --ec-piedra: #575757;
  --ec-niebla: #ACACAA;
  --ec-linea: #E3E3E0;
  --ec-papel: #F5F5F3;
  --ec-blanco: #FFFFFF;
  --ec-senal: #E2542C;
  --ec-senal-texto: #B83D1A;
  --ec-whatsapp: #25D366;

  /* tipografía */
  --ec-sans: "Manrope", system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
  --ec-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --fs-display: clamp(2.75rem, 7vw, 5.5rem);
  --fs-h2: clamp(2.25rem, 4vw, 3rem);
  --fs-h3: 1.375rem;
  --fs-body: 1.0625rem;
  --fs-label: .75rem;
  --fs-mono: .8125rem;

  /* espacio, forma y movimiento */
  --space: 8px;
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-pill: 999px;
  --max-w: 1200px;
  --gutter: 24px;
  --pad-x: clamp(24px, 6vw, 80px);
  --section-y: clamp(88px, 12vw, 128px);
  --ease: cubic-bezier(.2, .7, .2, 1);
}