:root {
  --color-primary:       #0B7A75;  /* Primary teal — CTAs, links, icons */
  --color-primary-dark:  #085E5A;  /* Hover state for primary buttons */
  --color-primary-light: #E8F6F5;  /* Backgrounds, check icons, tags */
  --color-accent:        #C8922A;  /* Gold — patient CTAs, awards, tags */
  --color-accent-light:  #FDF3E3;  /* Patient card backgrounds */
  --color-text:          #1C2B2A;  /* Body text, headings */
  --color-muted:         #5A7170;  /* Secondary text, nav links */
  --color-border:        #D0E8E6;  /* Borders, dividers */
  --color-bg-off:        #F5FAFA;  /* Section alternating backgrounds */
  --color-white:         #FFFFFF;

  /* Footer (dark surface) */
  --color-footer-bg:          #102624;  /* Footer background — darker than --color-text for clear separation from body */
  --color-footer-text-muted:  #AED1CE;  /* Secondary text on the dark footer (labels, address, copyright) — meets WCAG AA on --color-footer-bg */
  --color-footer-border:      rgba(255, 255, 255, 0.12);  /* Dividers on the dark footer */

  /* Spacing */
  --section-padding-desktop: 72px;
  --section-padding-tablet:  48px;
  --section-padding-mobile:  32px;
  --container-max:           1200px;
  --grid-gap:                24px;
}