:root {
  /* Brand colors */
  --brand: #183A40;          /* deep teal — primary brand / dominant text */
  --brand-dark: #102717;     /* even darker green — pressed/hover states */
  --brand-light: #67929A;    /* muted sage teal — supporting accent */
  --accent: #561F33;         /* burgundy — eyebrow text, accents */
  --ink: #252522;            /* near-black — long-form body text */
  --ink-light: #676767;      /* mid-gray — secondary text */
  --bg: #F2E8D4;             /* warm cream — page background */
  --bg-dark: #1F1B17;        /* warm dark — featured/inverse sections */
  --bg-warm: #F2E8D4;        /* alias for cream */
  --white: #FFFFFF;
  --border: rgba(24, 58, 64, 0.18);

  /* Header palette derived from cream background */
  --header-bg: #F2E8D4;
  --header-border: rgba(24, 58, 64, 0.12);
  --header-link-color: #183A40;
  --header-link-active: #561F33;
  --header-link-hover: #67929A;
  --header-utility-color: #183A40;
  --header-mobile-bg: #183A40;
  --header-mobile-link: #F2E8D4;
  --header-mobile-divider: rgba(242, 232, 212, 0.16);
  --header-toggle-color: #183A40;
  --header-toggle-bg: transparent;
  --header-toggle-border: rgba(24, 58, 64, 0.16);
  --header-logo-width: 9.5rem;

  /* Button defaults — burgundy filled, teal hollow */
  --button-bg: #561F33;
  --button-bg-hover: #3F1626;
  --button-text: #F2E8D4;
  --button-outline-color: #183A40;
  --button-outline-hover-bg: #183A40;
  --button-outline-hover-color: #F2E8D4;

  /* Typography */
  --serif: "Playfair Display", "Times New Roman", serif;
  --sans: "Work Sans", "Helvetica Neue", Arial, sans-serif;
}