/* Auto-generated department theme variables */
    /* This file is regenerated when Department ACF fields are saved. */
    /* Note: Default Theme Colours are set in the Elementor Site Settings - Custom CSS */

    :root{


        --base-theme-primary: hsl(210, 100%, 29%);
        --base-theme-secondary: hsl(206, 100%, 43%);
        --base-theme-secondary-dark: hsl(221, 68%, 21%);
        --base-theme-accent: hsl(358, 85%, 52%);
        --base-theme-button-text-normal: hsl(0, 0%, 100%);
        --base-theme-button-text-hover: hsl(358, 84%, 52%);

        --theme-primary: var(--base-theme-primary);
        --theme-secondary: var(--base-theme-secondary);
        --theme-secondary-dark: var(--base-theme-secondary-dark);
        --theme-accent: var(--base-theme-accent);
        --theme-button-text-normal:var(--base-theme-button-text-normal);
        --theme-button-text-hover: var(--base-theme-button-text-hover);


        --theme-primary-10: hsla(210, 100%, 29%, 0.1);
        --theme-primary-20: hsla(210, 100%, 29%, 0.2);
        --theme-primary-30: hsla(210, 100%, 29%, 0.3);
        --theme-primary-40: hsla(210, 100%, 29%, 0.4);
        --theme-primary-50: hsla(210, 100%, 29%, 0.5);
        --theme-primary-60: hsla(210, 100%, 29%, 0.6);
        --theme-primary-70: hsla(210, 100%, 29%, 0.7);
        --theme-primary-80: hsla(210, 100%, 29%, 0.8);
        --theme-primary-90: hsla(210, 100%, 29%, 0.9);
        --theme-secondary-10: hsla(206, 100%, 43%, 0.1);
        --theme-secondary-20: hsla(206, 100%, 43%, 0.2);
        --theme-secondary-30: hsla(206, 100%, 43%, 0.3);
        --theme-secondary-40: hsla(206, 100%, 43%, 0.4);
        --theme-secondary-50: hsla(206, 100%, 43%, 0.5);
        --theme-secondary-60: hsla(206, 100%, 43%, 0.6);
        --theme-secondary-70: hsla(206, 100%, 43%, 0.7);
        --theme-secondary-80: hsla(206, 100%, 43%, 0.8);
        --theme-secondary-90: hsla(206, 100%, 43%, 0.9);
        --theme-secondary-dark-10: hsla(221, 68%, 21%, 0.1);
        --theme-secondary-dark-20: hsla(221, 68%, 21%, 0.2);
        --theme-secondary-dark-30: hsla(221, 68%, 21%, 0.3);
        --theme-secondary-dark-40: hsla(221, 68%, 21%, 0.4);
        --theme-secondary-dark-50: hsla(221, 68%, 21%, 0.5);
        --theme-secondary-dark-60: hsla(221, 68%, 21%, 0.6);
        --theme-secondary-dark-70: hsla(221, 68%, 21%, 0.7);
        --theme-secondary-dark-80: hsla(221, 68%, 21%, 0.8);
        --theme-secondary-dark-90: hsla(221, 68%, 21%, 0.9);
        --theme-accent-10: hsla(358, 85%, 52%, 0.1);
        --theme-accent-20: hsla(358, 85%, 52%, 0.2);
        --theme-accent-30: hsla(358, 85%, 52%, 0.3);
        --theme-accent-40: hsla(358, 85%, 52%, 0.4);
        --theme-accent-50: hsla(358, 85%, 52%, 0.5);
        --theme-accent-60: hsla(358, 85%, 52%, 0.6);
        --theme-accent-70: hsla(358, 85%, 52%, 0.7);
        --theme-accent-80: hsla(358, 85%, 52%, 0.8);
        --theme-accent-90: hsla(358, 85%, 52%, 0.9);
        --theme-button-text-normal-10: hsla(0, 0%, 100%, 0.1);
        --theme-button-text-normal-20: hsla(0, 0%, 100%, 0.2);
        --theme-button-text-normal-30: hsla(0, 0%, 100%, 0.3);
        --theme-button-text-normal-40: hsla(0, 0%, 100%, 0.4);
        --theme-button-text-normal-50: hsla(0, 0%, 100%, 0.5);
        --theme-button-text-normal-60: hsla(0, 0%, 100%, 0.6);
        --theme-button-text-normal-70: hsla(0, 0%, 100%, 0.7);
        --theme-button-text-normal-80: hsla(0, 0%, 100%, 0.8);
        --theme-button-text-normal-90: hsla(0, 0%, 100%, 0.9);
        --theme-button-text-hover-10: hsla(358, 84%, 52%, 0.1);
        --theme-button-text-hover-20: hsla(358, 84%, 52%, 0.2);
        --theme-button-text-hover-30: hsla(358, 84%, 52%, 0.3);
        --theme-button-text-hover-40: hsla(358, 84%, 52%, 0.4);
        --theme-button-text-hover-50: hsla(358, 84%, 52%, 0.5);
        --theme-button-text-hover-60: hsla(358, 84%, 52%, 0.6);
        --theme-button-text-hover-70: hsla(358, 84%, 52%, 0.7);
        --theme-button-text-hover-80: hsla(358, 84%, 52%, 0.8);
        --theme-button-text-hover-90: hsla(358, 84%, 52%, 0.9);
        --theme-white: hsl(0deg, 0%, 100%);
        --theme-black: hsl(0deg, 0%, 0%);

        --neutral-ultralight: hsl(0deg, 0%, 96%);
        --neutral-light: hsl(0deg, 0%, 90%);
        --neutral-semilight: hsl(0deg, 0%, 75%);
        --neutral-base: hsl(0deg, 0%, 60%);
        --neutral-semidark: hsl(0deg, 0%, 35%);
        --neutral-dark: hsl(0deg, 0%, 20%);
        --neutral-ultradark: hsl(0deg, 0%, 8%);

        
    }

    .department-kdvsport{
        --theme-primary: var(--base-theme-primary);
        --theme-secondary: var(--base-theme-secondary);
        --theme-secondary-dark: var(--base-theme-secondary-dark);
        --theme-accent: var(--base-theme-accent);
        --theme-button-text-normal: var(--base-theme-button-text-normal);
        --theme-button-text-hover: var(--base-theme-button-text-hover);

        --theme-primary-10: hsla(210, 100%, 29%, 0.1);
        --theme-primary-20: hsla(210, 100%, 29%, 0.2);
        --theme-primary-30: hsla(210, 100%, 29%, 0.3);
        --theme-primary-40: hsla(210, 100%, 29%, 0.4);
        --theme-primary-50: hsla(210, 100%, 29%, 0.5);
        --theme-primary-60: hsla(210, 100%, 29%, 0.6);
        --theme-primary-70: hsla(210, 100%, 29%, 0.7);
        --theme-primary-80: hsla(210, 100%, 29%, 0.8);
        --theme-primary-90: hsla(210, 100%, 29%, 0.9);
        --theme-secondary-10: hsla(206, 100%, 43%, 0.1);
        --theme-secondary-20: hsla(206, 100%, 43%, 0.2);
        --theme-secondary-30: hsla(206, 100%, 43%, 0.3);
        --theme-secondary-40: hsla(206, 100%, 43%, 0.4);
        --theme-secondary-50: hsla(206, 100%, 43%, 0.5);
        --theme-secondary-60: hsla(206, 100%, 43%, 0.6);
        --theme-secondary-70: hsla(206, 100%, 43%, 0.7);
        --theme-secondary-80: hsla(206, 100%, 43%, 0.8);
        --theme-secondary-90: hsla(206, 100%, 43%, 0.9);
        --theme-secondary-dark-10: hsla(221, 68%, 21%, 0.1);
        --theme-secondary-dark-20: hsla(221, 68%, 21%, 0.2);
        --theme-secondary-dark-30: hsla(221, 68%, 21%, 0.3);
        --theme-secondary-dark-40: hsla(221, 68%, 21%, 0.4);
        --theme-secondary-dark-50: hsla(221, 68%, 21%, 0.5);
        --theme-secondary-dark-60: hsla(221, 68%, 21%, 0.6);
        --theme-secondary-dark-70: hsla(221, 68%, 21%, 0.7);
        --theme-secondary-dark-80: hsla(221, 68%, 21%, 0.8);
        --theme-secondary-dark-90: hsla(221, 68%, 21%, 0.9);
        --theme-accent-10: hsla(358, 85%, 52%, 0.1);
        --theme-accent-20: hsla(358, 85%, 52%, 0.2);
        --theme-accent-30: hsla(358, 85%, 52%, 0.3);
        --theme-accent-40: hsla(358, 85%, 52%, 0.4);
        --theme-accent-50: hsla(358, 85%, 52%, 0.5);
        --theme-accent-60: hsla(358, 85%, 52%, 0.6);
        --theme-accent-70: hsla(358, 85%, 52%, 0.7);
        --theme-accent-80: hsla(358, 85%, 52%, 0.8);
        --theme-accent-90: hsla(358, 85%, 52%, 0.9);
        --theme-button-text-normal-10: hsla(0, 0%, 100%, 0.1);
        --theme-button-text-normal-20: hsla(0, 0%, 100%, 0.2);
        --theme-button-text-normal-30: hsla(0, 0%, 100%, 0.3);
        --theme-button-text-normal-40: hsla(0, 0%, 100%, 0.4);
        --theme-button-text-normal-50: hsla(0, 0%, 100%, 0.5);
        --theme-button-text-normal-60: hsla(0, 0%, 100%, 0.6);
        --theme-button-text-normal-70: hsla(0, 0%, 100%, 0.7);
        --theme-button-text-normal-80: hsla(0, 0%, 100%, 0.8);
        --theme-button-text-normal-90: hsla(0, 0%, 100%, 0.9);
        --theme-button-text-hover-10: hsla(358, 84%, 52%, 0.1);
        --theme-button-text-hover-20: hsla(358, 84%, 52%, 0.2);
        --theme-button-text-hover-30: hsla(358, 84%, 52%, 0.3);
        --theme-button-text-hover-40: hsla(358, 84%, 52%, 0.4);
        --theme-button-text-hover-50: hsla(358, 84%, 52%, 0.5);
        --theme-button-text-hover-60: hsla(358, 84%, 52%, 0.6);
        --theme-button-text-hover-70: hsla(358, 84%, 52%, 0.7);
        --theme-button-text-hover-80: hsla(358, 84%, 52%, 0.8);
        --theme-button-text-hover-90: hsla(358, 84%, 52%, 0.9);    }
    .department-events { --theme-primary: hsl(210, 100%, 29%); --theme-secondary: hsl(206, 100%, 43%); --theme-secondary-dark: hsl(221, 68%, 21%); --theme-accent: hsl(358, 85%, 52%); --theme-button-text-normal: hsl(0, 0%, 100%); --theme-button-text-hover: hsl(358, 84%, 52%); --theme-primary-10: hsla(210, 100%, 29%, 0.1); --theme-primary-20: hsla(210, 100%, 29%, 0.2); --theme-primary-30: hsla(210, 100%, 29%, 0.3); --theme-primary-40: hsla(210, 100%, 29%, 0.4); --theme-primary-50: hsla(210, 100%, 29%, 0.5); --theme-primary-60: hsla(210, 100%, 29%, 0.6); --theme-primary-70: hsla(210, 100%, 29%, 0.7); --theme-primary-80: hsla(210, 100%, 29%, 0.8); --theme-primary-90: hsla(210, 100%, 29%, 0.9); --theme-secondary-10: hsla(206, 100%, 43%, 0.1); --theme-secondary-20: hsla(206, 100%, 43%, 0.2); --theme-secondary-30: hsla(206, 100%, 43%, 0.3); --theme-secondary-40: hsla(206, 100%, 43%, 0.4); --theme-secondary-50: hsla(206, 100%, 43%, 0.5); --theme-secondary-60: hsla(206, 100%, 43%, 0.6); --theme-secondary-70: hsla(206, 100%, 43%, 0.7); --theme-secondary-80: hsla(206, 100%, 43%, 0.8); --theme-secondary-90: hsla(206, 100%, 43%, 0.9); --theme-secondary-dark-10: hsla(221, 68%, 21%, 0.1); --theme-secondary-dark-20: hsla(221, 68%, 21%, 0.2); --theme-secondary-dark-30: hsla(221, 68%, 21%, 0.3); --theme-secondary-dark-40: hsla(221, 68%, 21%, 0.4); --theme-secondary-dark-50: hsla(221, 68%, 21%, 0.5); --theme-secondary-dark-60: hsla(221, 68%, 21%, 0.6); --theme-secondary-dark-70: hsla(221, 68%, 21%, 0.7); --theme-secondary-dark-80: hsla(221, 68%, 21%, 0.8); --theme-secondary-dark-90: hsla(221, 68%, 21%, 0.9); --theme-accent-10: hsla(358, 85%, 52%, 0.1); --theme-accent-20: hsla(358, 85%, 52%, 0.2); --theme-accent-30: hsla(358, 85%, 52%, 0.3); --theme-accent-40: hsla(358, 85%, 52%, 0.4); --theme-accent-50: hsla(358, 85%, 52%, 0.5); --theme-accent-60: hsla(358, 85%, 52%, 0.6); --theme-accent-70: hsla(358, 85%, 52%, 0.7); --theme-accent-80: hsla(358, 85%, 52%, 0.8); --theme-accent-90: hsla(358, 85%, 52%, 0.9); --theme-button-text-normal-10: hsla(0, 0%, 100%, 0.1); --theme-button-text-normal-20: hsla(0, 0%, 100%, 0.2); --theme-button-text-normal-30: hsla(0, 0%, 100%, 0.3); --theme-button-text-normal-40: hsla(0, 0%, 100%, 0.4); --theme-button-text-normal-50: hsla(0, 0%, 100%, 0.5); --theme-button-text-normal-60: hsla(0, 0%, 100%, 0.6); --theme-button-text-normal-70: hsla(0, 0%, 100%, 0.7); --theme-button-text-normal-80: hsla(0, 0%, 100%, 0.8); --theme-button-text-normal-90: hsla(0, 0%, 100%, 0.9); --theme-button-text-hover-10: hsla(358, 84%, 52%, 0.1); --theme-button-text-hover-20: hsla(358, 84%, 52%, 0.2); --theme-button-text-hover-30: hsla(358, 84%, 52%, 0.3); --theme-button-text-hover-40: hsla(358, 84%, 52%, 0.4); --theme-button-text-hover-50: hsla(358, 84%, 52%, 0.5); --theme-button-text-hover-60: hsla(358, 84%, 52%, 0.6); --theme-button-text-hover-70: hsla(358, 84%, 52%, 0.7); --theme-button-text-hover-80: hsla(358, 84%, 52%, 0.8); --theme-button-text-hover-90: hsla(358, 84%, 52%, 0.9); }
.department-fitness { --theme-primary: hsl(165, 67%, 24%); --theme-secondary: hsl(169, 27%, 47%); --theme-secondary-dark: hsl(169, 27%, 24%); --theme-accent: hsl(161, 100%, 40%); --theme-button-text-normal: hsl(0, 0%, 100%); --theme-button-text-hover: hsl(165, 67%, 24%); --theme-primary-10: hsla(165, 67%, 24%, 0.1); --theme-primary-20: hsla(165, 67%, 24%, 0.2); --theme-primary-30: hsla(165, 67%, 24%, 0.3); --theme-primary-40: hsla(165, 67%, 24%, 0.4); --theme-primary-50: hsla(165, 67%, 24%, 0.5); --theme-primary-60: hsla(165, 67%, 24%, 0.6); --theme-primary-70: hsla(165, 67%, 24%, 0.7); --theme-primary-80: hsla(165, 67%, 24%, 0.8); --theme-primary-90: hsla(165, 67%, 24%, 0.9); --theme-secondary-10: hsla(169, 27%, 47%, 0.1); --theme-secondary-20: hsla(169, 27%, 47%, 0.2); --theme-secondary-30: hsla(169, 27%, 47%, 0.3); --theme-secondary-40: hsla(169, 27%, 47%, 0.4); --theme-secondary-50: hsla(169, 27%, 47%, 0.5); --theme-secondary-60: hsla(169, 27%, 47%, 0.6); --theme-secondary-70: hsla(169, 27%, 47%, 0.7); --theme-secondary-80: hsla(169, 27%, 47%, 0.8); --theme-secondary-90: hsla(169, 27%, 47%, 0.9); --theme-secondary-dark-10: hsla(169, 27%, 24%, 0.1); --theme-secondary-dark-20: hsla(169, 27%, 24%, 0.2); --theme-secondary-dark-30: hsla(169, 27%, 24%, 0.3); --theme-secondary-dark-40: hsla(169, 27%, 24%, 0.4); --theme-secondary-dark-50: hsla(169, 27%, 24%, 0.5); --theme-secondary-dark-60: hsla(169, 27%, 24%, 0.6); --theme-secondary-dark-70: hsla(169, 27%, 24%, 0.7); --theme-secondary-dark-80: hsla(169, 27%, 24%, 0.8); --theme-secondary-dark-90: hsla(169, 27%, 24%, 0.9); --theme-accent-10: hsla(161, 100%, 40%, 0.1); --theme-accent-20: hsla(161, 100%, 40%, 0.2); --theme-accent-30: hsla(161, 100%, 40%, 0.3); --theme-accent-40: hsla(161, 100%, 40%, 0.4); --theme-accent-50: hsla(161, 100%, 40%, 0.5); --theme-accent-60: hsla(161, 100%, 40%, 0.6); --theme-accent-70: hsla(161, 100%, 40%, 0.7); --theme-accent-80: hsla(161, 100%, 40%, 0.8); --theme-accent-90: hsla(161, 100%, 40%, 0.9); --theme-button-text-normal-10: hsla(0, 0%, 100%, 0.1); --theme-button-text-normal-20: hsla(0, 0%, 100%, 0.2); --theme-button-text-normal-30: hsla(0, 0%, 100%, 0.3); --theme-button-text-normal-40: hsla(0, 0%, 100%, 0.4); --theme-button-text-normal-50: hsla(0, 0%, 100%, 0.5); --theme-button-text-normal-60: hsla(0, 0%, 100%, 0.6); --theme-button-text-normal-70: hsla(0, 0%, 100%, 0.7); --theme-button-text-normal-80: hsla(0, 0%, 100%, 0.8); --theme-button-text-normal-90: hsla(0, 0%, 100%, 0.9); --theme-button-text-hover-10: hsla(165, 67%, 24%, 0.1); --theme-button-text-hover-20: hsla(165, 67%, 24%, 0.2); --theme-button-text-hover-30: hsla(165, 67%, 24%, 0.3); --theme-button-text-hover-40: hsla(165, 67%, 24%, 0.4); --theme-button-text-hover-50: hsla(165, 67%, 24%, 0.5); --theme-button-text-hover-60: hsla(165, 67%, 24%, 0.6); --theme-button-text-hover-70: hsla(165, 67%, 24%, 0.7); --theme-button-text-hover-80: hsla(165, 67%, 24%, 0.8); --theme-button-text-hover-90: hsla(165, 67%, 24%, 0.9); }
.department-golf { --theme-primary: hsl(211, 71%, 43%); --theme-secondary: hsl(195, 100%, 43%); --theme-secondary-dark: hsl(211, 100%, 30%); --theme-accent: hsl(192, 97%, 59%); --theme-button-text-normal: hsl(0, 0%, 100%); --theme-button-text-hover: hsl(192, 97%, 59%); --theme-primary-10: hsla(211, 71%, 43%, 0.1); --theme-primary-20: hsla(211, 71%, 43%, 0.2); --theme-primary-30: hsla(211, 71%, 43%, 0.3); --theme-primary-40: hsla(211, 71%, 43%, 0.4); --theme-primary-50: hsla(211, 71%, 43%, 0.5); --theme-primary-60: hsla(211, 71%, 43%, 0.6); --theme-primary-70: hsla(211, 71%, 43%, 0.7); --theme-primary-80: hsla(211, 71%, 43%, 0.8); --theme-primary-90: hsla(211, 71%, 43%, 0.9); --theme-secondary-10: hsla(195, 100%, 43%, 0.1); --theme-secondary-20: hsla(195, 100%, 43%, 0.2); --theme-secondary-30: hsla(195, 100%, 43%, 0.3); --theme-secondary-40: hsla(195, 100%, 43%, 0.4); --theme-secondary-50: hsla(195, 100%, 43%, 0.5); --theme-secondary-60: hsla(195, 100%, 43%, 0.6); --theme-secondary-70: hsla(195, 100%, 43%, 0.7); --theme-secondary-80: hsla(195, 100%, 43%, 0.8); --theme-secondary-90: hsla(195, 100%, 43%, 0.9); --theme-secondary-dark-10: hsla(211, 100%, 30%, 0.1); --theme-secondary-dark-20: hsla(211, 100%, 30%, 0.2); --theme-secondary-dark-30: hsla(211, 100%, 30%, 0.3); --theme-secondary-dark-40: hsla(211, 100%, 30%, 0.4); --theme-secondary-dark-50: hsla(211, 100%, 30%, 0.5); --theme-secondary-dark-60: hsla(211, 100%, 30%, 0.6); --theme-secondary-dark-70: hsla(211, 100%, 30%, 0.7); --theme-secondary-dark-80: hsla(211, 100%, 30%, 0.8); --theme-secondary-dark-90: hsla(211, 100%, 30%, 0.9); --theme-accent-10: hsla(192, 97%, 59%, 0.1); --theme-accent-20: hsla(192, 97%, 59%, 0.2); --theme-accent-30: hsla(192, 97%, 59%, 0.3); --theme-accent-40: hsla(192, 97%, 59%, 0.4); --theme-accent-50: hsla(192, 97%, 59%, 0.5); --theme-accent-60: hsla(192, 97%, 59%, 0.6); --theme-accent-70: hsla(192, 97%, 59%, 0.7); --theme-accent-80: hsla(192, 97%, 59%, 0.8); --theme-accent-90: hsla(192, 97%, 59%, 0.9); --theme-button-text-normal-10: hsla(0, 0%, 100%, 0.1); --theme-button-text-normal-20: hsla(0, 0%, 100%, 0.2); --theme-button-text-normal-30: hsla(0, 0%, 100%, 0.3); --theme-button-text-normal-40: hsla(0, 0%, 100%, 0.4); --theme-button-text-normal-50: hsla(0, 0%, 100%, 0.5); --theme-button-text-normal-60: hsla(0, 0%, 100%, 0.6); --theme-button-text-normal-70: hsla(0, 0%, 100%, 0.7); --theme-button-text-normal-80: hsla(0, 0%, 100%, 0.8); --theme-button-text-normal-90: hsla(0, 0%, 100%, 0.9); --theme-button-text-hover-10: hsla(192, 97%, 59%, 0.1); --theme-button-text-hover-20: hsla(192, 97%, 59%, 0.2); --theme-button-text-hover-30: hsla(192, 97%, 59%, 0.3); --theme-button-text-hover-40: hsla(192, 97%, 59%, 0.4); --theme-button-text-hover-50: hsla(192, 97%, 59%, 0.5); --theme-button-text-hover-60: hsla(192, 97%, 59%, 0.6); --theme-button-text-hover-70: hsla(192, 97%, 59%, 0.7); --theme-button-text-hover-80: hsla(192, 97%, 59%, 0.8); --theme-button-text-hover-90: hsla(192, 97%, 59%, 0.9); }
.department-golf-academy { --theme-primary: hsl(211, 71%, 43%); --theme-secondary: hsl(195, 100%, 43%); --theme-secondary-dark: hsl(211, 100%, 30%); --theme-accent: hsl(192, 97%, 59%); --theme-button-text-normal: hsl(0, 0%, 100%); --theme-button-text-hover: hsl(358, 84%, 52%); --theme-primary-10: hsla(211, 71%, 43%, 0.1); --theme-primary-20: hsla(211, 71%, 43%, 0.2); --theme-primary-30: hsla(211, 71%, 43%, 0.3); --theme-primary-40: hsla(211, 71%, 43%, 0.4); --theme-primary-50: hsla(211, 71%, 43%, 0.5); --theme-primary-60: hsla(211, 71%, 43%, 0.6); --theme-primary-70: hsla(211, 71%, 43%, 0.7); --theme-primary-80: hsla(211, 71%, 43%, 0.8); --theme-primary-90: hsla(211, 71%, 43%, 0.9); --theme-secondary-10: hsla(195, 100%, 43%, 0.1); --theme-secondary-20: hsla(195, 100%, 43%, 0.2); --theme-secondary-30: hsla(195, 100%, 43%, 0.3); --theme-secondary-40: hsla(195, 100%, 43%, 0.4); --theme-secondary-50: hsla(195, 100%, 43%, 0.5); --theme-secondary-60: hsla(195, 100%, 43%, 0.6); --theme-secondary-70: hsla(195, 100%, 43%, 0.7); --theme-secondary-80: hsla(195, 100%, 43%, 0.8); --theme-secondary-90: hsla(195, 100%, 43%, 0.9); --theme-secondary-dark-10: hsla(211, 100%, 30%, 0.1); --theme-secondary-dark-20: hsla(211, 100%, 30%, 0.2); --theme-secondary-dark-30: hsla(211, 100%, 30%, 0.3); --theme-secondary-dark-40: hsla(211, 100%, 30%, 0.4); --theme-secondary-dark-50: hsla(211, 100%, 30%, 0.5); --theme-secondary-dark-60: hsla(211, 100%, 30%, 0.6); --theme-secondary-dark-70: hsla(211, 100%, 30%, 0.7); --theme-secondary-dark-80: hsla(211, 100%, 30%, 0.8); --theme-secondary-dark-90: hsla(211, 100%, 30%, 0.9); --theme-accent-10: hsla(192, 97%, 59%, 0.1); --theme-accent-20: hsla(192, 97%, 59%, 0.2); --theme-accent-30: hsla(192, 97%, 59%, 0.3); --theme-accent-40: hsla(192, 97%, 59%, 0.4); --theme-accent-50: hsla(192, 97%, 59%, 0.5); --theme-accent-60: hsla(192, 97%, 59%, 0.6); --theme-accent-70: hsla(192, 97%, 59%, 0.7); --theme-accent-80: hsla(192, 97%, 59%, 0.8); --theme-accent-90: hsla(192, 97%, 59%, 0.9); --theme-button-text-normal-10: hsla(0, 0%, 100%, 0.1); --theme-button-text-normal-20: hsla(0, 0%, 100%, 0.2); --theme-button-text-normal-30: hsla(0, 0%, 100%, 0.3); --theme-button-text-normal-40: hsla(0, 0%, 100%, 0.4); --theme-button-text-normal-50: hsla(0, 0%, 100%, 0.5); --theme-button-text-normal-60: hsla(0, 0%, 100%, 0.6); --theme-button-text-normal-70: hsla(0, 0%, 100%, 0.7); --theme-button-text-normal-80: hsla(0, 0%, 100%, 0.8); --theme-button-text-normal-90: hsla(0, 0%, 100%, 0.9); --theme-button-text-hover-10: hsla(358, 84%, 52%, 0.1); --theme-button-text-hover-20: hsla(358, 84%, 52%, 0.2); --theme-button-text-hover-30: hsla(358, 84%, 52%, 0.3); --theme-button-text-hover-40: hsla(358, 84%, 52%, 0.4); --theme-button-text-hover-50: hsla(358, 84%, 52%, 0.5); --theme-button-text-hover-60: hsla(358, 84%, 52%, 0.6); --theme-button-text-hover-70: hsla(358, 84%, 52%, 0.7); --theme-button-text-hover-80: hsla(358, 84%, 52%, 0.8); --theme-button-text-hover-90: hsla(358, 84%, 52%, 0.9); }
.department-about { --theme-primary: hsl(210, 100%, 29%); --theme-secondary: hsl(206, 100%, 43%); --theme-secondary-dark: hsl(221, 68%, 21%); --theme-accent: hsl(358, 85%, 52%); --theme-button-text-normal: hsl(0, 0%, 100%); --theme-button-text-hover: hsl(358, 84%, 52%); --theme-primary-10: hsla(210, 100%, 29%, 0.1); --theme-primary-20: hsla(210, 100%, 29%, 0.2); --theme-primary-30: hsla(210, 100%, 29%, 0.3); --theme-primary-40: hsla(210, 100%, 29%, 0.4); --theme-primary-50: hsla(210, 100%, 29%, 0.5); --theme-primary-60: hsla(210, 100%, 29%, 0.6); --theme-primary-70: hsla(210, 100%, 29%, 0.7); --theme-primary-80: hsla(210, 100%, 29%, 0.8); --theme-primary-90: hsla(210, 100%, 29%, 0.9); --theme-secondary-10: hsla(206, 100%, 43%, 0.1); --theme-secondary-20: hsla(206, 100%, 43%, 0.2); --theme-secondary-30: hsla(206, 100%, 43%, 0.3); --theme-secondary-40: hsla(206, 100%, 43%, 0.4); --theme-secondary-50: hsla(206, 100%, 43%, 0.5); --theme-secondary-60: hsla(206, 100%, 43%, 0.6); --theme-secondary-70: hsla(206, 100%, 43%, 0.7); --theme-secondary-80: hsla(206, 100%, 43%, 0.8); --theme-secondary-90: hsla(206, 100%, 43%, 0.9); --theme-secondary-dark-10: hsla(221, 68%, 21%, 0.1); --theme-secondary-dark-20: hsla(221, 68%, 21%, 0.2); --theme-secondary-dark-30: hsla(221, 68%, 21%, 0.3); --theme-secondary-dark-40: hsla(221, 68%, 21%, 0.4); --theme-secondary-dark-50: hsla(221, 68%, 21%, 0.5); --theme-secondary-dark-60: hsla(221, 68%, 21%, 0.6); --theme-secondary-dark-70: hsla(221, 68%, 21%, 0.7); --theme-secondary-dark-80: hsla(221, 68%, 21%, 0.8); --theme-secondary-dark-90: hsla(221, 68%, 21%, 0.9); --theme-accent-10: hsla(358, 85%, 52%, 0.1); --theme-accent-20: hsla(358, 85%, 52%, 0.2); --theme-accent-30: hsla(358, 85%, 52%, 0.3); --theme-accent-40: hsla(358, 85%, 52%, 0.4); --theme-accent-50: hsla(358, 85%, 52%, 0.5); --theme-accent-60: hsla(358, 85%, 52%, 0.6); --theme-accent-70: hsla(358, 85%, 52%, 0.7); --theme-accent-80: hsla(358, 85%, 52%, 0.8); --theme-accent-90: hsla(358, 85%, 52%, 0.9); --theme-button-text-normal-10: hsla(0, 0%, 100%, 0.1); --theme-button-text-normal-20: hsla(0, 0%, 100%, 0.2); --theme-button-text-normal-30: hsla(0, 0%, 100%, 0.3); --theme-button-text-normal-40: hsla(0, 0%, 100%, 0.4); --theme-button-text-normal-50: hsla(0, 0%, 100%, 0.5); --theme-button-text-normal-60: hsla(0, 0%, 100%, 0.6); --theme-button-text-normal-70: hsla(0, 0%, 100%, 0.7); --theme-button-text-normal-80: hsla(0, 0%, 100%, 0.8); --theme-button-text-normal-90: hsla(0, 0%, 100%, 0.9); --theme-button-text-hover-10: hsla(358, 84%, 52%, 0.1); --theme-button-text-hover-20: hsla(358, 84%, 52%, 0.2); --theme-button-text-hover-30: hsla(358, 84%, 52%, 0.3); --theme-button-text-hover-40: hsla(358, 84%, 52%, 0.4); --theme-button-text-hover-50: hsla(358, 84%, 52%, 0.5); --theme-button-text-hover-60: hsla(358, 84%, 52%, 0.6); --theme-button-text-hover-70: hsla(358, 84%, 52%, 0.7); --theme-button-text-hover-80: hsla(358, 84%, 52%, 0.8); --theme-button-text-hover-90: hsla(358, 84%, 52%, 0.9); }
.department-kids { --theme-primary: hsl(298, 42%, 52%); --theme-secondary: hsl(299, 41%, 76%); --theme-secondary-dark: hsl(298, 39%, 39%); --theme-accent: hsl(340, 95%, 56%); --theme-button-text-normal: hsl(0, 0%, 100%); --theme-button-text-hover: hsl(358, 84%, 52%); --theme-primary-10: hsla(298, 42%, 52%, 0.1); --theme-primary-20: hsla(298, 42%, 52%, 0.2); --theme-primary-30: hsla(298, 42%, 52%, 0.3); --theme-primary-40: hsla(298, 42%, 52%, 0.4); --theme-primary-50: hsla(298, 42%, 52%, 0.5); --theme-primary-60: hsla(298, 42%, 52%, 0.6); --theme-primary-70: hsla(298, 42%, 52%, 0.7); --theme-primary-80: hsla(298, 42%, 52%, 0.8); --theme-primary-90: hsla(298, 42%, 52%, 0.9); --theme-secondary-10: hsla(299, 41%, 76%, 0.1); --theme-secondary-20: hsla(299, 41%, 76%, 0.2); --theme-secondary-30: hsla(299, 41%, 76%, 0.3); --theme-secondary-40: hsla(299, 41%, 76%, 0.4); --theme-secondary-50: hsla(299, 41%, 76%, 0.5); --theme-secondary-60: hsla(299, 41%, 76%, 0.6); --theme-secondary-70: hsla(299, 41%, 76%, 0.7); --theme-secondary-80: hsla(299, 41%, 76%, 0.8); --theme-secondary-90: hsla(299, 41%, 76%, 0.9); --theme-secondary-dark-10: hsla(298, 39%, 39%, 0.1); --theme-secondary-dark-20: hsla(298, 39%, 39%, 0.2); --theme-secondary-dark-30: hsla(298, 39%, 39%, 0.3); --theme-secondary-dark-40: hsla(298, 39%, 39%, 0.4); --theme-secondary-dark-50: hsla(298, 39%, 39%, 0.5); --theme-secondary-dark-60: hsla(298, 39%, 39%, 0.6); --theme-secondary-dark-70: hsla(298, 39%, 39%, 0.7); --theme-secondary-dark-80: hsla(298, 39%, 39%, 0.8); --theme-secondary-dark-90: hsla(298, 39%, 39%, 0.9); --theme-accent-10: hsla(340, 95%, 56%, 0.1); --theme-accent-20: hsla(340, 95%, 56%, 0.2); --theme-accent-30: hsla(340, 95%, 56%, 0.3); --theme-accent-40: hsla(340, 95%, 56%, 0.4); --theme-accent-50: hsla(340, 95%, 56%, 0.5); --theme-accent-60: hsla(340, 95%, 56%, 0.6); --theme-accent-70: hsla(340, 95%, 56%, 0.7); --theme-accent-80: hsla(340, 95%, 56%, 0.8); --theme-accent-90: hsla(340, 95%, 56%, 0.9); --theme-button-text-normal-10: hsla(0, 0%, 100%, 0.1); --theme-button-text-normal-20: hsla(0, 0%, 100%, 0.2); --theme-button-text-normal-30: hsla(0, 0%, 100%, 0.3); --theme-button-text-normal-40: hsla(0, 0%, 100%, 0.4); --theme-button-text-normal-50: hsla(0, 0%, 100%, 0.5); --theme-button-text-normal-60: hsla(0, 0%, 100%, 0.6); --theme-button-text-normal-70: hsla(0, 0%, 100%, 0.7); --theme-button-text-normal-80: hsla(0, 0%, 100%, 0.8); --theme-button-text-normal-90: hsla(0, 0%, 100%, 0.9); --theme-button-text-hover-10: hsla(358, 84%, 52%, 0.1); --theme-button-text-hover-20: hsla(358, 84%, 52%, 0.2); --theme-button-text-hover-30: hsla(358, 84%, 52%, 0.3); --theme-button-text-hover-40: hsla(358, 84%, 52%, 0.4); --theme-button-text-hover-50: hsla(358, 84%, 52%, 0.5); --theme-button-text-hover-60: hsla(358, 84%, 52%, 0.6); --theme-button-text-hover-70: hsla(358, 84%, 52%, 0.7); --theme-button-text-hover-80: hsla(358, 84%, 52%, 0.8); --theme-button-text-hover-90: hsla(358, 84%, 52%, 0.9); }
.department-pickleball { --theme-primary: hsl(201, 100%, 38%); --theme-secondary: hsl(191, 69%, 60%); --theme-secondary-dark: hsl(201, 100%, 29%); --theme-accent: hsl(192, 97%, 59%); --theme-button-text-normal: hsl(201, 100%, 38%); --theme-button-text-hover: hsl(201, 100%, 38%); --theme-primary-10: hsla(201, 100%, 38%, 0.1); --theme-primary-20: hsla(201, 100%, 38%, 0.2); --theme-primary-30: hsla(201, 100%, 38%, 0.3); --theme-primary-40: hsla(201, 100%, 38%, 0.4); --theme-primary-50: hsla(201, 100%, 38%, 0.5); --theme-primary-60: hsla(201, 100%, 38%, 0.6); --theme-primary-70: hsla(201, 100%, 38%, 0.7); --theme-primary-80: hsla(201, 100%, 38%, 0.8); --theme-primary-90: hsla(201, 100%, 38%, 0.9); --theme-secondary-10: hsla(191, 69%, 60%, 0.1); --theme-secondary-20: hsla(191, 69%, 60%, 0.2); --theme-secondary-30: hsla(191, 69%, 60%, 0.3); --theme-secondary-40: hsla(191, 69%, 60%, 0.4); --theme-secondary-50: hsla(191, 69%, 60%, 0.5); --theme-secondary-60: hsla(191, 69%, 60%, 0.6); --theme-secondary-70: hsla(191, 69%, 60%, 0.7); --theme-secondary-80: hsla(191, 69%, 60%, 0.8); --theme-secondary-90: hsla(191, 69%, 60%, 0.9); --theme-secondary-dark-10: hsla(201, 100%, 29%, 0.1); --theme-secondary-dark-20: hsla(201, 100%, 29%, 0.2); --theme-secondary-dark-30: hsla(201, 100%, 29%, 0.3); --theme-secondary-dark-40: hsla(201, 100%, 29%, 0.4); --theme-secondary-dark-50: hsla(201, 100%, 29%, 0.5); --theme-secondary-dark-60: hsla(201, 100%, 29%, 0.6); --theme-secondary-dark-70: hsla(201, 100%, 29%, 0.7); --theme-secondary-dark-80: hsla(201, 100%, 29%, 0.8); --theme-secondary-dark-90: hsla(201, 100%, 29%, 0.9); --theme-accent-10: hsla(192, 97%, 59%, 0.1); --theme-accent-20: hsla(192, 97%, 59%, 0.2); --theme-accent-30: hsla(192, 97%, 59%, 0.3); --theme-accent-40: hsla(192, 97%, 59%, 0.4); --theme-accent-50: hsla(192, 97%, 59%, 0.5); --theme-accent-60: hsla(192, 97%, 59%, 0.6); --theme-accent-70: hsla(192, 97%, 59%, 0.7); --theme-accent-80: hsla(192, 97%, 59%, 0.8); --theme-accent-90: hsla(192, 97%, 59%, 0.9); --theme-button-text-normal-10: hsla(201, 100%, 38%, 0.1); --theme-button-text-normal-20: hsla(201, 100%, 38%, 0.2); --theme-button-text-normal-30: hsla(201, 100%, 38%, 0.3); --theme-button-text-normal-40: hsla(201, 100%, 38%, 0.4); --theme-button-text-normal-50: hsla(201, 100%, 38%, 0.5); --theme-button-text-normal-60: hsla(201, 100%, 38%, 0.6); --theme-button-text-normal-70: hsla(201, 100%, 38%, 0.7); --theme-button-text-normal-80: hsla(201, 100%, 38%, 0.8); --theme-button-text-normal-90: hsla(201, 100%, 38%, 0.9); --theme-button-text-hover-10: hsla(201, 100%, 38%, 0.1); --theme-button-text-hover-20: hsla(201, 100%, 38%, 0.2); --theme-button-text-hover-30: hsla(201, 100%, 38%, 0.3); --theme-button-text-hover-40: hsla(201, 100%, 38%, 0.4); --theme-button-text-hover-50: hsla(201, 100%, 38%, 0.5); --theme-button-text-hover-60: hsla(201, 100%, 38%, 0.6); --theme-button-text-hover-70: hsla(201, 100%, 38%, 0.7); --theme-button-text-hover-80: hsla(201, 100%, 38%, 0.8); --theme-button-text-hover-90: hsla(201, 100%, 38%, 0.9); }
.department-soccer { --theme-primary: hsl(0, 87%, 36%); --theme-secondary: hsl(0, 88%, 48%); --theme-secondary-dark: hsl(0, 85%, 24%); --theme-accent: hsl(0, 100%, 54%); --theme-button-text-normal: hsl(0, 0%, 100%); --theme-button-text-hover: hsl(359, 99%, 57%); --theme-primary-10: hsla(0, 87%, 36%, 0.1); --theme-primary-20: hsla(0, 87%, 36%, 0.2); --theme-primary-30: hsla(0, 87%, 36%, 0.3); --theme-primary-40: hsla(0, 87%, 36%, 0.4); --theme-primary-50: hsla(0, 87%, 36%, 0.5); --theme-primary-60: hsla(0, 87%, 36%, 0.6); --theme-primary-70: hsla(0, 87%, 36%, 0.7); --theme-primary-80: hsla(0, 87%, 36%, 0.8); --theme-primary-90: hsla(0, 87%, 36%, 0.9); --theme-secondary-10: hsla(0, 88%, 48%, 0.1); --theme-secondary-20: hsla(0, 88%, 48%, 0.2); --theme-secondary-30: hsla(0, 88%, 48%, 0.3); --theme-secondary-40: hsla(0, 88%, 48%, 0.4); --theme-secondary-50: hsla(0, 88%, 48%, 0.5); --theme-secondary-60: hsla(0, 88%, 48%, 0.6); --theme-secondary-70: hsla(0, 88%, 48%, 0.7); --theme-secondary-80: hsla(0, 88%, 48%, 0.8); --theme-secondary-90: hsla(0, 88%, 48%, 0.9); --theme-secondary-dark-10: hsla(0, 85%, 24%, 0.1); --theme-secondary-dark-20: hsla(0, 85%, 24%, 0.2); --theme-secondary-dark-30: hsla(0, 85%, 24%, 0.3); --theme-secondary-dark-40: hsla(0, 85%, 24%, 0.4); --theme-secondary-dark-50: hsla(0, 85%, 24%, 0.5); --theme-secondary-dark-60: hsla(0, 85%, 24%, 0.6); --theme-secondary-dark-70: hsla(0, 85%, 24%, 0.7); --theme-secondary-dark-80: hsla(0, 85%, 24%, 0.8); --theme-secondary-dark-90: hsla(0, 85%, 24%, 0.9); --theme-accent-10: hsla(0, 100%, 54%, 0.1); --theme-accent-20: hsla(0, 100%, 54%, 0.2); --theme-accent-30: hsla(0, 100%, 54%, 0.3); --theme-accent-40: hsla(0, 100%, 54%, 0.4); --theme-accent-50: hsla(0, 100%, 54%, 0.5); --theme-accent-60: hsla(0, 100%, 54%, 0.6); --theme-accent-70: hsla(0, 100%, 54%, 0.7); --theme-accent-80: hsla(0, 100%, 54%, 0.8); --theme-accent-90: hsla(0, 100%, 54%, 0.9); --theme-button-text-normal-10: hsla(0, 0%, 100%, 0.1); --theme-button-text-normal-20: hsla(0, 0%, 100%, 0.2); --theme-button-text-normal-30: hsla(0, 0%, 100%, 0.3); --theme-button-text-normal-40: hsla(0, 0%, 100%, 0.4); --theme-button-text-normal-50: hsla(0, 0%, 100%, 0.5); --theme-button-text-normal-60: hsla(0, 0%, 100%, 0.6); --theme-button-text-normal-70: hsla(0, 0%, 100%, 0.7); --theme-button-text-normal-80: hsla(0, 0%, 100%, 0.8); --theme-button-text-normal-90: hsla(0, 0%, 100%, 0.9); --theme-button-text-hover-10: hsla(359, 99%, 57%, 0.1); --theme-button-text-hover-20: hsla(359, 99%, 57%, 0.2); --theme-button-text-hover-30: hsla(359, 99%, 57%, 0.3); --theme-button-text-hover-40: hsla(359, 99%, 57%, 0.4); --theme-button-text-hover-50: hsla(359, 99%, 57%, 0.5); --theme-button-text-hover-60: hsla(359, 99%, 57%, 0.6); --theme-button-text-hover-70: hsla(359, 99%, 57%, 0.7); --theme-button-text-hover-80: hsla(359, 99%, 57%, 0.8); --theme-button-text-hover-90: hsla(359, 99%, 57%, 0.9); }
.department-tennis { --theme-primary: hsl(210, 100%, 29%); --theme-secondary: hsl(206, 100%, 43%); --theme-secondary-dark: hsl(221, 68%, 21%); --theme-accent: hsl(196, 100%, 47%); --theme-button-text-normal: hsl(0, 0%, 100%); --theme-button-text-hover: hsl(196, 100%, 47%); --theme-primary-10: hsla(210, 100%, 29%, 0.1); --theme-primary-20: hsla(210, 100%, 29%, 0.2); --theme-primary-30: hsla(210, 100%, 29%, 0.3); --theme-primary-40: hsla(210, 100%, 29%, 0.4); --theme-primary-50: hsla(210, 100%, 29%, 0.5); --theme-primary-60: hsla(210, 100%, 29%, 0.6); --theme-primary-70: hsla(210, 100%, 29%, 0.7); --theme-primary-80: hsla(210, 100%, 29%, 0.8); --theme-primary-90: hsla(210, 100%, 29%, 0.9); --theme-secondary-10: hsla(206, 100%, 43%, 0.1); --theme-secondary-20: hsla(206, 100%, 43%, 0.2); --theme-secondary-30: hsla(206, 100%, 43%, 0.3); --theme-secondary-40: hsla(206, 100%, 43%, 0.4); --theme-secondary-50: hsla(206, 100%, 43%, 0.5); --theme-secondary-60: hsla(206, 100%, 43%, 0.6); --theme-secondary-70: hsla(206, 100%, 43%, 0.7); --theme-secondary-80: hsla(206, 100%, 43%, 0.8); --theme-secondary-90: hsla(206, 100%, 43%, 0.9); --theme-secondary-dark-10: hsla(221, 68%, 21%, 0.1); --theme-secondary-dark-20: hsla(221, 68%, 21%, 0.2); --theme-secondary-dark-30: hsla(221, 68%, 21%, 0.3); --theme-secondary-dark-40: hsla(221, 68%, 21%, 0.4); --theme-secondary-dark-50: hsla(221, 68%, 21%, 0.5); --theme-secondary-dark-60: hsla(221, 68%, 21%, 0.6); --theme-secondary-dark-70: hsla(221, 68%, 21%, 0.7); --theme-secondary-dark-80: hsla(221, 68%, 21%, 0.8); --theme-secondary-dark-90: hsla(221, 68%, 21%, 0.9); --theme-accent-10: hsla(196, 100%, 47%, 0.1); --theme-accent-20: hsla(196, 100%, 47%, 0.2); --theme-accent-30: hsla(196, 100%, 47%, 0.3); --theme-accent-40: hsla(196, 100%, 47%, 0.4); --theme-accent-50: hsla(196, 100%, 47%, 0.5); --theme-accent-60: hsla(196, 100%, 47%, 0.6); --theme-accent-70: hsla(196, 100%, 47%, 0.7); --theme-accent-80: hsla(196, 100%, 47%, 0.8); --theme-accent-90: hsla(196, 100%, 47%, 0.9); --theme-button-text-normal-10: hsla(0, 0%, 100%, 0.1); --theme-button-text-normal-20: hsla(0, 0%, 100%, 0.2); --theme-button-text-normal-30: hsla(0, 0%, 100%, 0.3); --theme-button-text-normal-40: hsla(0, 0%, 100%, 0.4); --theme-button-text-normal-50: hsla(0, 0%, 100%, 0.5); --theme-button-text-normal-60: hsla(0, 0%, 100%, 0.6); --theme-button-text-normal-70: hsla(0, 0%, 100%, 0.7); --theme-button-text-normal-80: hsla(0, 0%, 100%, 0.8); --theme-button-text-normal-90: hsla(0, 0%, 100%, 0.9); --theme-button-text-hover-10: hsla(196, 100%, 47%, 0.1); --theme-button-text-hover-20: hsla(196, 100%, 47%, 0.2); --theme-button-text-hover-30: hsla(196, 100%, 47%, 0.3); --theme-button-text-hover-40: hsla(196, 100%, 47%, 0.4); --theme-button-text-hover-50: hsla(196, 100%, 47%, 0.5); --theme-button-text-hover-60: hsla(196, 100%, 47%, 0.6); --theme-button-text-hover-70: hsla(196, 100%, 47%, 0.7); --theme-button-text-hover-80: hsla(196, 100%, 47%, 0.8); --theme-button-text-hover-90: hsla(196, 100%, 47%, 0.9); }
.department-tennis-academy { --theme-primary: hsl(210, 100%, 29%); --theme-secondary: hsl(206, 100%, 43%); --theme-secondary-dark: hsl(221, 68%, 21%); --theme-accent: hsl(358, 85%, 52%); --theme-button-text-normal: hsl(0, 0%, 100%); --theme-button-text-hover: hsl(358, 84%, 52%); --theme-primary-10: hsla(210, 100%, 29%, 0.1); --theme-primary-20: hsla(210, 100%, 29%, 0.2); --theme-primary-30: hsla(210, 100%, 29%, 0.3); --theme-primary-40: hsla(210, 100%, 29%, 0.4); --theme-primary-50: hsla(210, 100%, 29%, 0.5); --theme-primary-60: hsla(210, 100%, 29%, 0.6); --theme-primary-70: hsla(210, 100%, 29%, 0.7); --theme-primary-80: hsla(210, 100%, 29%, 0.8); --theme-primary-90: hsla(210, 100%, 29%, 0.9); --theme-secondary-10: hsla(206, 100%, 43%, 0.1); --theme-secondary-20: hsla(206, 100%, 43%, 0.2); --theme-secondary-30: hsla(206, 100%, 43%, 0.3); --theme-secondary-40: hsla(206, 100%, 43%, 0.4); --theme-secondary-50: hsla(206, 100%, 43%, 0.5); --theme-secondary-60: hsla(206, 100%, 43%, 0.6); --theme-secondary-70: hsla(206, 100%, 43%, 0.7); --theme-secondary-80: hsla(206, 100%, 43%, 0.8); --theme-secondary-90: hsla(206, 100%, 43%, 0.9); --theme-secondary-dark-10: hsla(221, 68%, 21%, 0.1); --theme-secondary-dark-20: hsla(221, 68%, 21%, 0.2); --theme-secondary-dark-30: hsla(221, 68%, 21%, 0.3); --theme-secondary-dark-40: hsla(221, 68%, 21%, 0.4); --theme-secondary-dark-50: hsla(221, 68%, 21%, 0.5); --theme-secondary-dark-60: hsla(221, 68%, 21%, 0.6); --theme-secondary-dark-70: hsla(221, 68%, 21%, 0.7); --theme-secondary-dark-80: hsla(221, 68%, 21%, 0.8); --theme-secondary-dark-90: hsla(221, 68%, 21%, 0.9); --theme-accent-10: hsla(358, 85%, 52%, 0.1); --theme-accent-20: hsla(358, 85%, 52%, 0.2); --theme-accent-30: hsla(358, 85%, 52%, 0.3); --theme-accent-40: hsla(358, 85%, 52%, 0.4); --theme-accent-50: hsla(358, 85%, 52%, 0.5); --theme-accent-60: hsla(358, 85%, 52%, 0.6); --theme-accent-70: hsla(358, 85%, 52%, 0.7); --theme-accent-80: hsla(358, 85%, 52%, 0.8); --theme-accent-90: hsla(358, 85%, 52%, 0.9); --theme-button-text-normal-10: hsla(0, 0%, 100%, 0.1); --theme-button-text-normal-20: hsla(0, 0%, 100%, 0.2); --theme-button-text-normal-30: hsla(0, 0%, 100%, 0.3); --theme-button-text-normal-40: hsla(0, 0%, 100%, 0.4); --theme-button-text-normal-50: hsla(0, 0%, 100%, 0.5); --theme-button-text-normal-60: hsla(0, 0%, 100%, 0.6); --theme-button-text-normal-70: hsla(0, 0%, 100%, 0.7); --theme-button-text-normal-80: hsla(0, 0%, 100%, 0.8); --theme-button-text-normal-90: hsla(0, 0%, 100%, 0.9); --theme-button-text-hover-10: hsla(358, 84%, 52%, 0.1); --theme-button-text-hover-20: hsla(358, 84%, 52%, 0.2); --theme-button-text-hover-30: hsla(358, 84%, 52%, 0.3); --theme-button-text-hover-40: hsla(358, 84%, 52%, 0.4); --theme-button-text-hover-50: hsla(358, 84%, 52%, 0.5); --theme-button-text-hover-60: hsla(358, 84%, 52%, 0.6); --theme-button-text-hover-70: hsla(358, 84%, 52%, 0.7); --theme-button-text-hover-80: hsla(358, 84%, 52%, 0.8); --theme-button-text-hover-90: hsla(358, 84%, 52%, 0.9); }