:root {
  --sm-ivory: #fbf6ef;
  --sm-cream: #f7efe6;
  --sm-cream-soft: #fffaf4;
  --sm-warm-white: #fffdf9;

  --sm-blush-soft: #f2dfd8;
  --sm-blush-muted: #e8cdc7;

  --sm-mauve: #8b536b;
  --sm-mauve-dark: #6f3f55;
  --sm-mauve-soft: #b88999;

  --sm-gold: #d8b982;
  --sm-gold-soft: #ead8b7;
  --sm-gold-muted: #c9a86f;

  --sm-espresso: #211819;
  --sm-espresso-soft: #3a2a2c;

  --sm-taupe: #867772;
  --sm-taupe-dark: #655853;
  --sm-taupe-light: #b3a49d;

  --sm-border: rgba(216, 185, 130, 0.36);
  --sm-border-soft: rgba(139, 83, 107, 0.16);

  --sm-footer-bg: #1b1214;
  --sm-footer-heading: #f6efe8;
  --sm-footer-text: #d8ccc4;
  --sm-footer-muted: #a99791;

  --sm-font-heading: "Playfair Display", "Cormorant Garamond", Georgia, serif;
  --sm-font-body: "Inter", "Lato", "Helvetica Neue", Arial, sans-serif;

  --sm-container: 1240px;
  --sm-container-wide: 1380px;

  --sm-radius-sm: 12px;
  --sm-radius-md: 18px;
  --sm-radius-lg: 28px;
  --sm-radius-xl: 40px;
  --sm-radius-pill: 999px;

  --sm-shadow-soft: 0 22px 60px rgba(55, 35, 32, 0.08);
  --sm-shadow-card: 0 18px 44px rgba(55, 35, 32, 0.09);
  --sm-shadow-button: 0 14px 30px rgba(111, 63, 85, 0.22);

  --sm-transition: 220ms ease;
}