:root {
    --fd-lagoon: #55cfd8;
    --fd-lagoon-dark: #43bec8;
    --fd-lagoon-hover: #2fa7b1;
    --fd-lagoon-soft: #eafafb;
    --fd-slate: #3f4648;
    --fd-slate-dark: #343a3c;
    --fd-primary: var(--fd-lagoon-dark);
    --fd-primary-hover: var(--fd-lagoon-hover);
    --fd-primary-soft: var(--fd-lagoon-soft);
    --fd-header: linear-gradient(90deg, #39b3bc 0%, #55cfd8 100%);
    --fd-header-dark: var(--fd-lagoon-hover);
    --fd-login-header-text: #ffffff;
    --fd-dropdown: var(--fd-slate);
    --fd-dropdown-hover: var(--fd-slate-dark);
    --fd-footer: var(--fd-slate);
    --fd-marquee: #46c4ca;
}