:root {
  /* Airy blush and cream surfaces with pastel rose and lavender accents. */
  --canvas-rgb: 252 246 248; --surface-rgb: 255 253 250; --surface-raised-rgb: 255 255 255;
  --line-rgb: 234 221 228; --rose-rgb: 246 211 224; --mauve-rgb: 226 214 244;
  --surface-inset: #fffcfd; --line-strong: #9d8192; --focus: #906080;
  --plum-950: #493344; --plum-800: #705369; --plum-700: #98718e; --plum-600: #c5a4bf;
  --blush-100: #f9eaf0; --blush-200: #f0dce8; --sage-100: #e8f3eb; --sage-700: #37644c;
  --amber-100: #fff3dc; --amber-700: #805c25; --ink: #493b48; --ink-soft: #6d5d6b;
  --canvas: #fcf6f8; --surface: #fffdfa; --surface-raised: #ffffff; --line: #eadde4; --danger: #ae455d; --white: #fff;
  --accent-rose: #f6d3e0; --accent-mauve: #e2d6f4;
  --link: #845373; --accent-text: #78566f; --button-ink: #51394b;
  --accent-gradient: linear-gradient(135deg, var(--accent-rose), var(--accent-mauve));
  --shadow-sm: 0 8px 24px rgb(100 64 87 / 6%); --shadow-md: 0 22px 60px rgb(100 64 87 / 10%);
  --radius-sm: .65rem; --radius-md: 1rem; --radius-lg: 1.4rem; --radius-xl: 2rem;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-8: 3rem;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --max-width: 1180px; --nav-height: 4.8rem;
}