:root {
  --bg: #fdfbf7;
  --bg-alt: #f6f3ee;
  --cream: #fdfbf7;
  --espresso: #2c2420;
  --espresso-muted: #4a3f3a;
  --sage: #9aab95;
  --sage-light: rgba(154, 171, 149, 0.12);
  --warm-gray: #8a7e78;
  --white: #ffffff;
  --accent: #c65f4a;
  --accent-hover: #b04d38;
  --success: #5a8f6a;
  --info: #6b8fa3;
  --border-light: rgba(44, 36, 32, 0.08);
  --border-hairline: rgba(44, 36, 32, 0.04);
  --transition-slow: all 0.7s cubic-bezier(0.32, 0.72, 0, 1);
  --transition: all 0.5s cubic-bezier(0.32, 0.72, 0, 1);
  --transition-fast: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  --radius-full: 9999px;
  --radius-xl: 2rem;
  --radius-lg: 1.25rem;
  --radius-md: 0.75rem;
  --shadow-ambient: 0 20px 60px -12px rgba(44, 36, 32, 0.08);
  --shadow-soft: 0 8px 30px -6px rgba(44, 36, 32, 0.06);
  --inset-highlight: inset 0 1px 1px rgba(255, 255, 255, 0.15);
}