:root {
    /* Approved GKCPC palette (matches the live, sign-off'd site) */
    --sunny: #FFB347;
    --bubblegum: #FF8C94;
    --ocean: #6C9EBF;
    --grass: #A2D7A2;
    --lemon: #FFE55C;
    --lilac: #C3A5E6;
    --charcoal: #2F3E46;

    /* Existing token names kept so every page inherits this palette automatically */
    --teal: #0da3c7;
    --teal-dark: #0b8bab;
    --teal-light: #e3f6fb;
    --yellow: var(--lemon);
    --yellow-dark: #e5c100;
    --pink: var(--bubblegum);
    --pink-dark: #e56b73;
    --orange: var(--sunny);
    --orange-dark: #c87d00;
    --navy: #1e2a3a;
    --navy-light: var(--charcoal);
    --cream: #fef9e8;
    --white: #ffffff;

    /* Section band colors used throughout the approved homepage */
    --section-blue: #0170E6;
    --section-teal: #0da3c7;

    --text: #1e2a3a;
    --muted: #5e7c8c;
    --border: #ffe3bd;
    --success: #2b6e2b;
    --danger: #e5484d;

    /* Gradients (used sparingly as accents, not as the primary treatment) */
    --grad-teal: linear-gradient(135deg, var(--teal) 0%, var(--teal-dark) 100%);
    --grad-sunset: linear-gradient(135deg, var(--bubblegum) 0%, var(--sunny) 100%);
    --grad-gold: linear-gradient(135deg, var(--lemon) 0%, var(--sunny) 100%);
    --grad-navy: linear-gradient(180deg, var(--charcoal) 0%, #1e2a2f 100%);

    /* Type */
    --font-display: 'Fredoka One', cursive;
    --font-body: 'Quicksand', sans-serif;

    /* Radius */
    --r-sm: 16px;
    --r-md: 28px;
    --r-lg: 40px;
    --r-pill: 999px;

    /* Shadow */
    --shadow-sm: 0 10px 20px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 16px 28px rgba(0, 0, 0, 0.09);
    --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.14);

    /* Layout */
    --container-w: 1180px;
    --nav-h: 76px;
}