/* Smart Pets theme — brand colour variables (teal + charcoal + amber, from the logo) */
:root {
    /* Primary interactive — teal (dog / badge border) */
    --primary-color: #178a98;
    --primary-hover: #136e79;
    --primary-dark: #0e535c;

    /* Navigation — charcoal (cat) */
    --nav-bg: #2b3137;
    --nav-text: #ecf0f1;
    --nav-hover: #3a4147;

    /* Brand gradient palette — teal ramp for hero / stats / footer backgrounds */
    --brand-darkest: #0c3a40;
    --brand-dark: #0f5a64;
    --brand-mid: #178a98;
    /* Accent — amber (lightbulb): drives primary CTA buttons + glow highlights */
    --brand-accent: #f5a623;
    --brand-accent-light: #ffc04d;
    --brand-glow: #ffd37a;

    /* Brand tints — light teal washes */
    --brand-tint-strong: #b8e0e6;
    --brand-tint-medium: #d9f0f3;
    --brand-tint-light: #e7f5f7;
    --brand-tint-faintest: #f4fbfc;

    /* Derived shadows (pre-computed so rgba() works without color-mix) */
    --brand-shadow: rgba(23, 138, 152, 0.1);
    --brand-accent-shadow: rgba(245, 166, 35, 0.35);
    --brand-accent-shadow-hover: rgba(245, 166, 35, 0.45);
    --brand-cta-shadow: rgba(12, 58, 64, 0.2);
}