/* ============================================================
   FibraMax × Backery Studio — Design tokens
   Marca minimalista blanco/negro. Acento energético de uso mínimo.
   ============================================================ */
:root {
  /* ---- Color ---- */
  --ink: #0B0B0B;                         /* casi negro: texto y secciones invertidas */
  --paper: #FFFFFF;                       /* blanco base */
  --bone: #F6F4EF;                        /* off-white cálido para alternar secciones */
  --fog: #ECE9E2;                         /* gris cálido para tarjetas/superficies */
  --line: rgba(11, 11, 11, 0.12);         /* bordes sutiles sobre claro */
  --line-invert: rgba(255, 255, 255, 0.14);/* bordes sobre oscuro */
  --muted: rgba(11, 11, 11, 0.56);        /* texto secundario sobre claro */
  --muted-invert: rgba(255, 255, 255, 0.62);/* texto secundario sobre oscuro */
  --accent: #FF4A2E;                      /* acento (uso mínimo: CTAs, highlights) */
  --accent-ink: #0B0B0B;                  /* texto sobre acento */

  /* aliases semánticos */
  --bg: var(--paper);
  --fg: var(--ink);

  /* ---- Tipografía ---- */
  --font-display: 'Antarctica', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'ABC Arizona Serif', 'Playfair Display', Georgia, serif;

  /* Escala de tipo fluida */
  --fs-huge: clamp(3rem, 11vw, 9rem);
  --fs-display: clamp(2.4rem, 6.5vw, 5.5rem);
  --fs-h2: clamp(2rem, 4.5vw, 3.75rem);
  --fs-h3: clamp(1.3rem, 2.2vw, 1.9rem);
  --fs-lead: clamp(1.1rem, 1.8vw, 1.5rem);
  --fs-body: clamp(1rem, 1.15vw, 1.15rem);
  --fs-small: 0.875rem;
  --fs-label: 0.75rem;

  --lh-tight: 0.98;
  --lh-snug: 1.15;
  --lh-body: 1.6;
  --tracking-label: 0.14em;

  /* ---- Espaciado ---- */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;
  --space-2xl: 12rem;
  --section-pad: clamp(3.5rem, 9vw, 7rem);
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --maxw: 1280px;

  /* ---- Radios ---- */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.6s;
  --dur-fast: 0.3s;

  /* ---- Layout ---- */
  --nav-h: 64px;
}