/* Hallmark · tokens · theme: Garden (catalog) · paper: light · display: Young Serif (organic serif) · accent: leaf-green
 * Ajuste local: verde hoja y madera tomados del rótulo del Bar Bohemia (tenedor y cuchara verdes sobre madera). */
@font-face {
  font-family: "Young Serif";
  src: url("fonts/young-serif-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("fonts/hanken-grotesk-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
}
:root {
  --color-paper:    oklch(95.5% 0.022 92);
  --color-paper-2:  oklch(92.5% 0.026 92);
  --color-paper-3:  oklch(88.5% 0.030 90);
  --color-rule:     oklch(83%   0.028 115);
  --color-rule-2:   oklch(62%   0.045 132);
  --color-muted:    oklch(46%   0.040 138);
  --color-ink-2:    oklch(33%   0.050 150);
  --color-ink:      oklch(24%   0.052 152);
  --color-accent:   oklch(47%   0.13  140);
  --color-accent-2: oklch(54%   0.14  46);
  --color-accent-ink: oklch(96% 0.02 92);
  --color-focus:    oklch(47%   0.13  140);
  --color-wood:     oklch(30%   0.045 55);   /* tronco del árbol del rótulo */
  --tint-moss: oklch(47% 0.13 140 / 0.10);
  --tint-clay: oklch(54% 0.14 46 / 0.12);

  --font-display: "Young Serif", ui-serif, Georgia, serif;
  --font-body:    "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;

  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.375rem;
  --text-display-s: clamp(1.9rem, 3.2vw + 1rem, 3.25rem);
  --text-display:   clamp(2.6rem, 5.2vw + 1rem, 5rem);

  --tracking-label: 0.14em;
  --lh-tight: 1.1;
  --lh-snug: 1.25;
  --lh-body: 1.6;
  --measure: 58ch;

  --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: 6.5rem;
  --page-gutter: clamp(1.25rem, 5vw, 4rem);
  --page-max: 72rem;

  --radius-card: 10px;
  --radius-pill: 8px;
  --rule: 1px;
  --shadow-card: 0 14px 34px -20px oklch(24% 0.05 150 / 0.22), 0 1px 2px oklch(24% 0.05 150 / 0.08);

  --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: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  --z-sticky-nav: 300;
}
:root {
  --text-xs: 0.75rem;
  --text-md: 1.1875rem;
  --space-3xs: 0.125rem;
  --tint-clay-strong: oklch(54% 0.14 46 / 0.16);
}