:root {
  /* Primary palette */
  --cello: #203D59;
  --mineral-green: #3E6054;
  --envy: #94AA96;
  --chestnut-rose: #CF7B68;
  --calico: #DFC68E;

  /* Mapped to wireframe variable names for compatibility */
  --black: #203D59;        /* was #0a0a0a - now Cello navy */
  --dark: #1a2a3d;         /* darker shade of Cello for footer/deepest bg */
  --mid: #3E6054;          /* was #444 - now Mineral Green */
  --grey: #6b7b8a;         /* muted blue-grey for secondary text */
  --light: #94AA96;        /* was #d4d4d4 - now Envy sage */
  --pale: #f5f2ec;         /* warm off-white for section alternation */
  --white: #faf7f2;        /* warm cream page background, NOT pure white */
  --border: #e5ded4;       /* warm border */

  /* Accent colors */
  --accent: #CF7B68;       /* Chestnut Rose - primary buttons/CTAs */
  --accent-hover: #b86a58; /* darker Chestnut Rose for hover */
  --accent-secondary: #DFC68E; /* Calico gold */

  /* Text */
  --text-primary: #203D59;   /* Cello for headings */
  --text-body: #2a2a2a;      /* dark charcoal for body text */
  --text-light: #ffffff;     /* white text on dark backgrounds */
  --text-muted: #6b7b8a;     /* muted text */
}