:root {
  /* LoveCross brand palette — white/modern base, symbolic colors as accents only */

  /* Neutrals — do the heavy lifting (backgrounds, body text, borders) */
  --color-white: #FFFFFF;
  --color-off-white: #FAFAF9;
  --color-gray-light: #E5E3E0;
  --color-gray: #8A8782;
  --color-text: #2B2B29;       /* near-black body text */

  /* Accents — use sparingly: logo, links, buttons, hover states, small details */
  --color-gold: #C9A227;       /* logo, primary accent */
  --color-red: #8A2540;        /* secondary accent — sparing use (nav hover, CTAs) */
  --color-purple: #4B2E5A;     /* tertiary accent — rare, e.g. small badges */
  --color-teal-soft: #C7E4E0;  /* hero background, per Gail's draft */
}