:root {
  /* Palette — editorial coffee brand */
  --espresso: #2A1810;
  --espresso-deep: #1A0E08;
  --cream: #F4EDE1;
  --paper: #FAF6EE;
  --amber: #B8692C;
  --amber-bright: #E07B2C;
  --ink: #1A1412;
  --ink-70: rgba(26, 20, 18, 0.70);
  --ink-50: rgba(26, 20, 18, 0.50);
  --ink-20: rgba(26, 20, 18, 0.18);
  --cream-70: rgba(244, 237, 225, 0.70);
  --cream-40: rgba(244, 237, 225, 0.40);
  --line: rgba(26, 20, 18, 0.14);

  /* Typography */
  --font-serif: 'Fraunces', 'Noto Serif KR', Georgia, serif;
  --font-sans: 'Pretendard', ui-sans-serif, system-ui, -apple-system, 'Apple SD Gothic Neo',
               'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Menlo', 'Courier New', monospace;

  --text-micro: 0.72rem;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: clamp(1rem, 0.94rem + 0.28vw, 1.125rem);
  --text-lg: clamp(1.15rem, 1rem + 0.6vw, 1.375rem);
  --text-xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --text-3xl: clamp(2.75rem, 1.8rem + 3.8vw, 4.75rem);
  --text-hero: clamp(3.75rem, 1.2rem + 13vw, 13rem);

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-section: clamp(5rem, 4rem + 5vw, 9rem);
  --gutter: clamp(1.25rem, 3vw, 2.5rem);
  --container: min(1280px, 100% - var(--gutter) * 2);

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Motion */
  --duration-fast: 180ms;
  --duration-base: 320ms;
  --duration-slow: 620ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Elevations */
  --shadow-1: 0 1px 2px rgba(26, 20, 18, 0.05), 0 2px 8px rgba(26, 20, 18, 0.06);
  --shadow-2: 0 6px 20px rgba(26, 20, 18, 0.10), 0 12px 40px rgba(26, 20, 18, 0.08);
}