:root {
  /* Brand colors - fallback for local testing */
  --primary-teal: #015351;
  --shade-primary-teal: #12908E;
  --light-teal: #94CECC;
  --dark-teal: #06171E;
  --shade-dark-teal: #113D3C;
  --white: #ffffff;
  --black: #000000;
  --gray: #666666;
  
  /* Semantic mappings - WordPress first, fallback for local */
  --bg-primary: var(--wp--preset--color--dark-teal, var(--dark-teal));
  --bg-secondary: var(--wp--preset--color--dark-teal-shade, var(--shade-dark-teal));
  --accent-primary: var(--wp--preset--color--primary-teal, var(--primary-teal));
  --accent-secondary: var(--wp--preset--color--primary-teal-shade, var(--shade-primary-teal));
  --text-primary: var(--wp--preset--color--light-teal, var(--light-teal));
  --text-secondary: var(--wp--preset--color--primary-teal-shade, var(--shade-primary-teal));
  --border-primary: var(--wp--preset--color--primary-teal, var(--primary-teal));
  --border-secondary: var(--wp--preset--color--primary-teal-shade, var(--shade-primary-teal));
  --highlight: var(--wp--preset--color--light-teal, var(--light-teal));
}