:root {
  --bg: #f6f3ee;
  --surface: rgba(255, 255, 255, 0.88);
  --surface-strong: #ffffff;
  --ink: #24312e;
  --muted: #6c7773;
  --line: rgba(36, 49, 46, 0.10);
  --sage: #a8bfae;
  --sage-deep: #557263;
  --sand: #e7d7c4;
  --blush: #ead8d2;
  --blue: #dbe7e7;
  --warning: #b87754;
  --shadow-sm: 0 8px 28px rgba(49, 60, 55, 0.08);
  --shadow-md: 0 20px 50px rgba(49, 60, 55, 0.12);
  --radius-sm: 16px;
  --radius-md: 22px;
  --radius-lg: 30px;
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 18px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 44px;
  --max: 1120px;
  --ease: cubic-bezier(.2,.8,.2,1);
}