:root {
  color-scheme: light;
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Plus Jakarta Sans", "Avenir Next", sans-serif;

  --ink: #20211f;
  --ink-soft: #4f514c;
  --ink-muted: #666861;
  --paper: #fffdf8;
  --paper-warm: #fbf7ef;
  --cream: #f4eee4;
  --cream-deep: #e8ddcf;
  --line: #d9cfc1;
  --line-strong: #b9aa98;
  --coral: #b84228;
  --coral-hover: #96331f;
  --coral-bright: #ef7654;
  --coral-soft: #f8d8ca;
  --seaweed: #24483b;
  --seaweed-deep: #17352c;
  --seaweed-soft: #dbe8df;
  --gold: #a86618;
  --gold-soft: #f3dfb8;
  --success: #226342;
  --warning: #8a4a12;
  --danger: #9e3028;

  --shadow-xs: 0 1px 2px rgb(32 33 31 / 6%);
  --shadow-sm: 0 10px 30px rgb(45 36 29 / 8%);
  --shadow-md: 0 24px 64px rgb(45 36 29 / 12%);
  --shadow-phone: 0 42px 90px rgb(28 25 22 / 22%);

  --radius-xs: 0.5rem;
  --radius-sm: 0.8rem;
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --radius-pill: 999px;

  --space-1: 0.35rem;
  --space-2: 0.65rem;
  --space-3: 0.9rem;
  --space-4: 1.25rem;
  --space-5: 1.75rem;
  --space-6: 2.4rem;
  --space-7: 3.25rem;
  --space-8: 4.5rem;
  --space-9: 6.5rem;

  --text-xs: 0.76rem;
  --text-sm: 0.9rem;
  --text-base: clamp(1rem, 0.96rem + 0.18vw, 1.08rem);
  --text-lg: clamp(1.12rem, 1.04rem + 0.35vw, 1.34rem);
  --text-h3: clamp(1.55rem, 1.35rem + 0.8vw, 2.2rem);
  --text-h2: clamp(2.35rem, 1.7rem + 2.5vw, 4.6rem);
  --text-h1: clamp(3.15rem, 2rem + 4.8vw, 7.4rem);

  --measure: 68ch;
  --content: 74rem;
  --content-wide: 86rem;
  --header-height: 5rem;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 150ms;
  --duration-base: 260ms;
  --duration-slow: 560ms;

  --focus-ring: 0 0 0 3px var(--paper), 0 0 0 6px #276b56;
  --z-header: 50;
  --z-menu: 45;
  --z-skip: 100;
}