/* Hallmark · macrostructure: Catalogue/Index-First · tone: editorial de imprenta · anchor hue: azul 252°
 * genre: editorial · theme: custom (vibe: "pliego de imprenta, papel obra, tinta azul" · paper oklch(97% 0.006 90) · accent oklch(50% 0.13 252) azul · Bricolage Grotesque + Archivo)
 * theme axes: light / display-heavy / cool
 * enrichment: Tier-A CSS (marcas de corte, tira de control CMYK) · nav: N7 slab · footer: Ft4 colophon
 * redesign 2026-07-01 · previous: Split Studio / modern-minimal
 * Hallmark · pre-emit critique: P5 H4 E5 S5 R4 V5
 */
:root {
  /* tinta y papel */
  --color-paper: oklch(97% 0.006 90);
  --color-paper-2: oklch(94.5% 0.009 90);
  --color-ink: oklch(23% 0.045 258);
  --color-ink-soft: oklch(45% 0.025 258);
  --color-accent: oklch(50% 0.13 252);
  --color-accent-deep: oklch(30% 0.075 255);
  --color-accent-tint: oklch(92% 0.025 252);
  --color-on-ink: oklch(96% 0.008 90);
  --color-on-ink-soft: oklch(75% 0.02 255);
  --color-graphite: oklch(27% 0.012 255);
  --color-orange: oklch(72% 0.155 65);
  --color-wp: oklch(60% 0.155 152);
  --color-wp-dark: oklch(52% 0.145 152);
  --color-photo: oklch(99.5% 0 0); /* lienzo de las fotos de producto (fondo blanco) */
  --color-rule: oklch(23% 0.045 258 / 0.18);
  --color-rule-strong: oklch(23% 0.045 258);
  --color-focus: oklch(50% 0.13 252);

  /* tira de control */
  --color-cmyk-c: oklch(78% 0.13 210);
  --color-cmyk-m: oklch(63% 0.24 350);
  --color-cmyk-y: oklch(88% 0.16 95);
  --color-cmyk-k: oklch(23% 0.02 258);

  /* tipografía */
  --font-display: "Bricolage Grotesque", "Archivo", sans-serif;
  --font-body: "Archivo", system-ui, sans-serif;
  --text-display: clamp(2.5rem, 6.5vw + 0.5rem, 5.5rem);
  --text-index: clamp(1.5rem, 2.8vw + 0.5rem, 2.75rem);
  --text-2xl: clamp(1.75rem, 2.4vw + 0.6rem, 2.75rem);
  --text-xl: 1.375rem;
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;

  /* espacio — escala 4pt */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 7rem;

  /* forma + movimiento — imprenta: sin radios */
  --radius: 0;
  --rule-hair: 1px;
  --rule-heavy: 3px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.15, 1);
  --dur-1: 160ms;
  --dur-2: 260ms;
  --dur-reveal: 700ms;
}