:root {
    /* PRIMARY TEAL — unchanged (nav, icons, circles, outlines) */
    --primary-teal: #3b818b;
    --dark-teal: #2d6168;
    --light-teal: #5fa3a8;

    /* ACCENT — Soft Champagne Gold (matches client screenshot) */
    --coral: #C9A876;        /* gold buttons, H1 accent, labels, borders */
    --coral-dark: #B08D4A;   /* deeper gold for hover states */
    --champagne: #D4AF37;    /* kept for 5-star rating stars */

    /* NEUTRALS — warm cream tuned to gold */
    --charcoal: #1a1a1a;
    --warm-gray: #f7f4ec;
    --pure-white: #ffffff;
    --text-gray: #6c757d;
    --light-gray: #e9ecef;

    /* SHADOWS / BORDERS / BACKGROUNDS — unchanged */
    --shadow-01: rgba(0, 0, 20, 0.08);
    --shadow-02: rgba(31, 45, 61, 0.26);
    --border-01: #e9ecef;
    --border-02: rgba(233, 236, 239, 0.25);
    --border-03: #f8f8f8;
    --bg-01: rgba(31, 45, 61, 0.26);
    --bg-02: rgb(249, 250, 251);
    --bg-03: rgba(0, 0, 0, 0.5);
}