:root {
    /* === Core Brand Colors (Extracted from Logo) === */
    /* Updated to match the glossy/vibrant look */
    --primary-blue: #0095DA;    /* More vibrant Cyan-Blue from the top of 'E' */
    --primary-teal: #00A99D;    /* The rich transition teal color */
    --primary-green: #88C540;   /* The bright 'Leafy' Lime Green from 'a' */

    /* === Usage Mapping === */
    /* I recommend using the Teal or Green as primary for a "Health/Nature" feel */
    --primary-color: var(--primary-teal);
    --secondary-color: var(--primary-blue);
    --success-color: var(--primary-green);

    /* === Hover States (Slightly Darker/Richer) === */
    --primary-color-onhover: #008f85;
    --secondary-color-onhover: #007bb8;
    --success-color-onhover: #6ea632;

    /* === Soft Backgrounds (Very Light versions for cards/bg) === */
    --primary-soft: #e0fbf9;    /* Light Teal tint */
    --secondary-soft: #e0f4fc;  /* Light Blue tint */
    --success-soft: #f2fae6;    /* Light Lime tint */

    /* === Focus / Border === */
    --border-focus: 1px solid var(--primary-teal);

    /* === Gradient (Matches Logo Flow: Blue -> Teal -> Green) === */
    --brand-gradient: linear-gradient(
        135deg,
        #0095DA 0%,    /* Blue Start */
        #00A99D 50%,   /* Teal Middle */
        #88C540 100%   /* Green End */
    );
}