:root {
  /* Primary brand color. Nav CTA and contact submit button background. */
  --color-accent: #906262;
  /* Hover state for accent buttons. Also used for interactive link hover across the site. */
  --color-accent-hover: #857B4D;
  /* Foreground text on top of accent-colored buttons. */
  --color-on-accent: #FFFFFF;
  /* Background for text the user has selected on the page. */
  --color-selection: #ACB090;
  /* Foreground color for selected text. */
  --color-selection-text: #1A1A18;
  /* Plain background used by the services, book and contact sections. */
  --color-surface: #FFFFFF;
  /* Sticky top navigation background. */
  --color-nav-bg: #DCCFC6;
  /* Border under the nav; also the vertical divider inside the contact section. */
  --color-nav-border: #A4A19C;
  /* Background of the "about" hero section. */
  --color-about-bg: #FFFFFF;
  /* Secondary body text, quiet borders and captions. */
  --color-muted: #524F4A;
  /* Slightly darker text for the contact info labels. */
  --color-heading-strong: #3A3835;
  /* Top-left color of the portrait background gradient. */
  --color-portrait-gradient-start: #E3E3E1;
  /* Bottom-right color of the portrait background gradient. */
  --color-portrait-gradient-end: #A1A1A1;
  /* Paper background inside the "book" section. */
  --color-book-paper: #FAFAFA;
  /* Lighter tone of the folded-corner paper effect. */
  --color-book-fold-light: #FAFAFA;
  /* Darker tone of the folded-corner paper effect. */
  --color-book-fold-dark: #FAFAFA;
  /* Soft shadow tint under each folded corner. */
  --color-book-fold-shadow: #FFFFFF;
  /* Background tint of the left pricing card in the services section. */
  --color-pricing-card-bg-1: #ACB090;
  /* Background tint of the right pricing card in the services section. */
  --color-pricing-card-bg-2: #ACB090;
  /* Title (label above the price) color on the left pricing card. */
  --color-pricing-card-title-1: #524F4A;
  /* Title (label above the price) color on the right pricing card. */
  --color-pricing-card-title-2: #524F4A;
  /* Price text color on the left pricing card. */
  --color-pricing-card-price-1: #1A1A18;
  /* Price text color on the right pricing card. */
  --color-pricing-card-price-2: #1A1A18;
  /* Discount / savings text color on the left pricing card. */
  --color-pricing-card-discount-1: #857B4D;
  /* Discount / savings text color on the right pricing card. */
  --color-pricing-card-discount-2: #857B4D;
  /* Border color of the left pricing card. */
  --color-pricing-card-border-1: #524F4A;
  /* Border color of the right pricing card. */
  --color-pricing-card-border-2: #524F4A;
  /* "Reserve" booking button background. */
  --color-reserve: #906262;
  /* Hover state for the reserve button. */
  --color-reserve-hover: #857B4D;
  /* Text color on the reserve button. */
  --color-on-reserve: #FFFFFF;
  /* Numbered circle marker on the booking policy list. */
  --color-policy-marker: #5C4430;
  /* Form validation errors (input border and error text). */
  --color-error: #C0392B;
  /* Cal.com booking embed accent color. */
  --color-cal-brand: #9BAF87;
  /* "Chat on WhatsApp" contact button background. */
  --color-whatsapp: #34AD43;
  /* Hover state for the WhatsApp button. */
  --color-whatsapp-hover: #4AC95A;
  /* "Chat on Instagram" contact button background. */
  --color-instagram: #DB2E7B;
  /* Hover state for the Instagram button. */
  --color-instagram-hover: #E35A97;
}