/* Hallmark · tokens · Metalúrgica José Luis Rodríguez (Herrería JLR)
 * Source of truth: design.md (Brand Analyst · SIN-32)
 * theme: studied-DNA (custom-tuned) · paper: light warm cream · accent: dark iron
 * macrostructure: 08 Photographic · nav: N5 floating pill · footer: Ft5 statement
 * display: Barlow Condensed 800 (roman, uppercase) · body: Inter
 */

:root {
  /* ---- Paper ---- */
  --color-paper:      oklch(95% 0.018 75);   /* crema cálida — fondo principal */
  --color-paper-2:    oklch(91% 0.022 72);   /* crema más oscura — secciones alternas / placeholders */
  --color-paper-dark: oklch(20% 0.012 60);   /* casi negro cálido — footer, overlays */

  /* ---- Hierro — acento principal ---- */
  --color-iron:       oklch(32% 0.018 60);   /* hierro forjado oscuro */
  --color-iron-mid:   oklch(55% 0.012 60);   /* hierro galvanizado / plata */
  --color-iron-light: oklch(80% 0.008 65);   /* hierro claro / shimmer */

  /* ---- Ocre — pared del taller ---- */
  --color-ochre:       oklch(68% 0.12 65);   /* mostaza/ocre cálido — uso decorativo */
  --color-ochre-light: oklch(85% 0.07 70);   /* ocre claro — highlights */

  /* ---- Acción — WhatsApp (único color de CTA) ---- */
  --color-action:       oklch(58% 0.16 150); /* verde WhatsApp legible */
  --color-action-hover: oklch(50% 0.16 150); /* hover más oscuro */
  --color-action-ink:   oklch(99% 0.01 150); /* texto sobre verde */

  /* ---- Texto ---- */
  --color-ink:         oklch(18% 0.010 60);  /* texto principal */
  --color-ink-muted:   oklch(48% 0.012 65);  /* texto secundario */
  --color-ink-on-dark: oklch(93% 0.010 75);  /* texto sobre fondo oscuro */
  --color-muted-on-dark: oklch(72% 0.014 70);

  /* ---- Bordes / hairlines ---- */
  --color-rule:        oklch(78% 0.014 68);
  --color-rule-dark:   oklch(38% 0.012 60);

  /* ---- Semánticos ---- */
  --color-accent:   var(--color-iron);
  --color-paper-bg: var(--color-paper);
  --color-cta:      var(--color-action);

  /* ---- Tipografía ---- */
  --font-display: 'Barlow Condensed', system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  --fw-body:    400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-display: 800;
  --fw-black:   900;

  /* Type scale */
  --fs-display: clamp(3rem, 9vw, 7rem);
  --fs-h2:      clamp(1.9rem, 4.5vw, 3.25rem);
  --fs-h3:      clamp(1.4rem, 2.6vw, 1.9rem);
  --fs-lede:    clamp(1.125rem, 1.8vw, 1.45rem);
  --fs-body:    1.0625rem;
  --fs-label:   0.78rem;
  --fs-small:   0.875rem;

  /* ---- Espaciado (4pt scale) ---- */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 96px;
  --space-4xl: 128px;

  --gutter: clamp(1.25rem, 5vw, 4rem);
  --maxw:   1240px;
  --maxw-text: 64ch;

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --dur-micro: 140ms;
  --dur-short: 240ms;
  --dur-long:  560ms;
  --dur-hero:  9000ms; /* Ken Burns */

  --radius-pill: 999px;
  --radius-sm: 6px;
  --radius-md: 14px;

  --shadow-pill: 0 10px 30px -16px oklch(20% 0.02 60 / 0.55);
  --shadow-soft: 0 24px 60px -36px oklch(20% 0.02 60 / 0.45);
}