:root {
    --color-primary: #3ECEFC;
    --color-primary-light: #5AD5FC;
    --color-primary-dark: #31A4C9;
    --color-hero-overlay-start: rgba(62, 206, 252, 0.65);
    --color-hero-overlay-mid: rgba(46, 154, 189, 0.58);
    --color-hero-overlay-end: rgba(15, 51, 63, 0.75);
    --color-primary-tint: rgba(62, 206, 252, 0.08);
    --color-primary-tint-light: rgba(62, 206, 252, 0.04);
    --color-primary-border: rgba(62, 206, 252, 0.15);
    --color-accent: #C3AF8D;
    --color-accent-hover: #A59477;
    --color-accent-tint: rgba(195, 175, 141, 0.08);
    --color-accent-tint-light: rgba(195, 175, 141, 0.04);
    --color-accent-border: rgba(195, 175, 141, 0.4);
    --color-accent-focus: rgba(195, 175, 141, 0.12);
    --color-highlight: #D33636;
    --color-highlight-dark: #A82B2B;
    --color-highlight-tint: rgba(211, 54, 54, 0.1);
    --color-bg: #F3F5F7;
    --color-card-bg: #FFF5F5;
    --color-card-hover: #F7EDED;
    --color-navbar: #369DBF;
    --color-footer-bg: #1C1520;
    --color-footer-text: #D0C0C8;
    --color-badge-open: #3EE5C9;
    --color-badge-open-bg: rgba(62, 229, 201, 0.1);
    --color-badge-flex: #FAFAFA;
    --color-badge-flex-bg: rgba(250, 250, 250, 0.12);
    --hero-image-url: url('https://internetheads.blob.core.windows.net/421-pickleball-pickleball/site/hero/a0414d80-fa37-4dc8-8829-945f12ad99e6.jpg');
}