/**
 * Global CSS variables — brand and UI colors.
 * Change these to update turquoise/accent coloring across the site.
 */
:root {
    /* Turquoise accent (primary brand highlight) */
    --turquoise: #2dd4bf;
    --turquoise-rgb: 45, 212, 191;
    --turquoise-light: #5eead4;
    --turquoise-dark-rgb: 20, 160, 145;
}

body.light-mode {
    /* Optional: adjust for light mode if needed */
    --turquoise: #14b8a6;
    --turquoise-rgb: 20, 184, 166;
    --turquoise-light: #2dd4bf;
    --turquoise-dark-rgb: 15, 118, 110;
}