/* Hallmark · tokens · theme: custom (vibe: "old barbershop at night, brass, leather, straight razor")
 * paper oklch(17% 0.012 60) · accent oklch(78% 0.12 80) brass · Big Shoulders Display + Archivo
 * axes: dark / display-condensed / warm-amber — differs from Casa Albamare on all three axes */

@font-face { font-family: "Big Shoulders Display"; src: url("../fonts/big-shoulders-wght.woff2") format("woff2-variations"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../fonts/archivo-wght.woff2") format("woff2-variations"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  color-scheme: dark;
  --color-paper:   oklch(17%  0.012 60);
  --color-paper-2: oklch(22%  0.014 60);
  --color-rule:    oklch(36%  0.016 65);
  --color-muted:   oklch(74%  0.020 80);
  --color-ink-2:   oklch(88%  0.015 85);
  --color-ink:     oklch(95%  0.012 85);
  --color-accent:  oklch(78%  0.12  80);
  --color-accent-ink: oklch(17% 0.012 60);
  --color-focus:   oklch(78%  0.12  80);

  --font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --font-body:    "Archivo", ui-sans-serif, system-ui, sans-serif;

  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-md: 1.35rem;
  --text-lg: clamp(1.6rem, 2vw + 1rem, 2.4rem);
  --text-xl: clamp(2.2rem, 4vw + 1rem, 4rem);
  --text-display: clamp(3.4rem, 9vw + 1rem, 7.5rem);
  --lh-tight: 1.02;
  --lh-body: 1.6;
  --measure: 60ch;

  --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: 6rem;
  --page-gutter: clamp(1rem, 4vw, 3rem);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;
  --dur-long: 420ms;
}