/* Hallmark · three custom systems · real photography · preserved campaign copy */
:root {
  --font-sans: 'IBM Plex Sans', Arial, sans-serif;
  --font-condensed: 'Barlow Condensed', Impact, sans-serif;
  --font-editorial: 'Newsreader', Georgia, serif;
  --font-portrait: 'Cormorant Garamond', Georgia, serif;
  --font-body: var(--font-sans);
  --font-display: var(--font-condensed);
  --color-paper: oklch(97% .008 85);
  --color-paper-2: oklch(94% .013 85);
  --color-ink: oklch(25% .046 252);
  --color-muted: oklch(43% .032 252);
  --color-rule: oklch(80% .019 252);
  --color-accent: oklch(82% .12 83);
  --color-accent-ink: var(--color-ink);
  --color-focus: oklch(57% .18 255);
  --color-light: oklch(97% .008 85);
  --color-light-muted: oklch(80% .022 250);
  --color-dark-rule: oklch(48% .033 250);
  --color-clear: oklch(0% 0 0 / 0);
  --color-invalid: oklch(46% .16 28);
  --color-night: oklch(19% .006 80);
  --space-2xs: .5rem;
  --space-xs: .75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 8rem;
  --page-gutter: clamp(1.25rem, 4.2vw, 4rem);
  --text-xs: .8125rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-body: 1.0625rem;
  --text-large: 1.375rem;
  --text-heading: clamp(2.25rem, 3.9vw, 4rem);
  --text-display: clamp(3.1rem, 6.2vw, 5.5rem);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-micro: 120ms;
  --z-menu: 10;
  --z-focus: 20;
}
.direction-editorial {
  --font-display: var(--font-editorial);
  --color-paper: oklch(97% .014 80);
  --color-paper-2: oklch(93% .02 80);
  --color-ink: oklch(25% .014 55);
  --color-muted: oklch(46% .02 55);
  --color-rule: oklch(76% .024 70);
  --color-accent: oklch(45% .13 35);
  --color-accent-ink: var(--color-paper);
  --color-focus: oklch(47% .17 35);
  --text-display: clamp(2.625rem, 4.3vw, 4.25rem);
}
.direction-portrait {
  --font-display: var(--font-portrait);
  --color-paper: oklch(19% .006 80);
  --color-paper-2: oklch(25% .01 80);
  --color-ink: oklch(94% .019 85);
  --color-muted: oklch(77% .017 85);
  --color-rule: oklch(41% .012 80);
  --color-accent: oklch(83% .07 83);
  --color-accent-ink: var(--color-paper);
  --color-focus: oklch(83% .13 83);
  --color-dark: oklch(19% .006 80);
  --color-cream: oklch(94% .019 85);
  --color-cream-muted: oklch(43% .018 80);
  --color-cream-rule: oklch(75% .023 80);
  --text-display: clamp(3rem, 5.9vw, 5.5rem);
}