/* Hallmark tokens: Atelier-inspired, user-approved warm ivory / brown / bronze.
 * Offline type pairing: Pretendard Variable + Georgia roman editorial display. */
@font-face {
  font-family: 'Pretendard Variable';
  src: url('assets/PretendardVariable-subset.woff2') format('woff2');
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: light;
  --color-paper: #f7f5ef;
  --color-paper-2: #eeeae1;
  --color-image: #faf9f6;
  --color-ink: #302a25;
  --color-muted: #6b6259;
  --color-rule: #d3cdc2;
  --color-accent: #87694c;
  --color-accent-ink: #f7f5ef;
  --color-dark: #302923;
  --color-on-dark: #f7f5ef;
  --color-dark-muted: #c5bdb1;
  --color-dark-rule: #62574d;
  --color-focus: #92704f;
  --color-focus-dark: #d6b795;
  --color-backdrop: #201b17d9;
  --color-clear: transparent;
  --font-body: 'Pretendard Variable', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-heading: var(--font-body);
  --text-small: 0.875rem;
  --text-body: 1rem;
  --text-lead: clamp(1rem, 1.3vw, 1.1875rem);
  --text-heading: clamp(1.875rem, 3.2vw, 3rem);
  --text-hero: clamp(2rem, 5.3vw, 5rem);
  --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;
  --space-4xl: 9rem;
  --page-gutter: clamp(1.25rem, 4.4vw, 5rem);
  --section-space: clamp(4.5rem, 9vw, 9rem);
  --content-width: 86rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;
  --z-raised: 10;
  --z-sticky: 200;
}

@supports (color: oklch(50% 0.01 60)) {
  :root {
    --color-paper: oklch(97% 0.008 85);
    --color-paper-2: oklch(94% 0.013 85);
    --color-image: oklch(98.4% 0.005 85);
    --color-ink: oklch(29% 0.015 65);
    --color-muted: oklch(50% 0.019 65);
    --color-rule: oklch(85% 0.015 85);
    --color-accent: oklch(54% 0.058 65);
    --color-accent-ink: var(--color-paper);
    --color-dark: oklch(28% 0.018 60);
    --color-on-dark: var(--color-paper);
    --color-dark-muted: oklch(80% 0.018 75);
    --color-dark-rule: oklch(46% 0.023 65);
    --color-focus: oklch(56% 0.065 65);
    --color-focus-dark: oklch(81% 0.057 65);
    --color-backdrop: oklch(20% 0.015 60 / 0.86);
  }
}