:root {
  /* Brand palette — derived from business card */
  --cream: #fdf8ec;
  --cream-deep: #f6efdc;
  --ivory: #fffdf6;
  --paper: #ffffff;

  --ink: #1c2230;
  --ink-soft: #3a4150;
  --muted: #6b7280;
  --line: #e8e1cd;
  --line-soft: #f0e9d6;

  --sky: #5fb5dc;
  --sky-deep: #3a8db4;
  --sky-soft: #cfe6f2;

  --gold: #c8a85c;
  --gold-soft: #e8d8aa;

  /* Typography */
  --serif: "Cormorant Garamond", "Noto Serif KR", "Apple SD Gothic Neo", serif;
  --sans: "Inter", "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;

  /* Scale */
  --step--2: clamp(0.72rem, 0.71rem + 0.05vw, 0.76rem);
  --step--1: clamp(0.84rem, 0.82rem + 0.1vw, 0.92rem);
  --step-0:  clamp(1rem, 0.97rem + 0.15vw, 1.08rem);
  --step-1:  clamp(1.18rem, 1.14rem + 0.22vw, 1.32rem);
  --step-2:  clamp(1.4rem, 1.32rem + 0.4vw, 1.66rem);
  --step-3:  clamp(1.7rem, 1.55rem + 0.75vw, 2.2rem);
  --step-4:  clamp(2.1rem, 1.85rem + 1.25vw, 2.95rem);
  --step-5:  clamp(2.7rem, 2.25rem + 2.25vw, 4.2rem);
  --step-6:  clamp(3.4rem, 2.7rem + 3.5vw, 5.8rem);

  /* Layout */
  --nav-h: 84px;
  --container: 1280px;
  --container-narrow: 980px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 220ms;
  --dur: 480ms;
  --dur-slow: 900ms;

  --shadow-soft: 0 1px 2px rgba(28, 34, 48, 0.04), 0 8px 24px rgba(28, 34, 48, 0.06);
  --shadow-lift: 0 2px 6px rgba(28, 34, 48, 0.06), 0 24px 60px rgba(28, 34, 48, 0.12);
}