/* light theme */
:root {
    --gl-color: #1a1a1a;
    --gl-color-alt: #363636;
    --gl-color-rooi: #ae2331;
    --gl-color-inverse: #fafafa;
    --gl-hero-bg: #525252;
    --gl-hero-title: #fafafa;
    --gl-dot-fill-black: #474747;
    --gl-dot-fill-green: #bbf7d5;
    --gl-dot-bg-black: #202020;
    --gl-dot-bg-green: #3ddc84;
    --gl-subtitle-underline: red;
    --gl-top-devices-paragraph: gainsboro;
    --gl-info-card-bg: rgba(38, 38, 38, 0.2);
    --gl-info-card-border: rgba(56, 56, 56, 0.3);
    --gl-info-card-title: #dadada;
    --gl-info-card-description: #cacaca;
    --gl-hero-dimmer-1: rgba(0, 0, 0, 0.6);
    --gl-hero-dimmer-2: rgba(0, 0, 0, 0.4);
    --gl-link: #787676;
    --gl-link-alt: #fff;
    --gl-bg: #fafafa;
}

/* dark theme */
@media (prefers-color-scheme: light) {
    :root {
        --gl-color: #1a1a1a;
        --gl-color-alt: #363636;
        --gl-color-rooi: #ae2331;
        --gl-color-inverse: #fafafa;
        --gl-hero-bg: #525252;
        --gl-hero-title: #fafafa;
        --gl-dot-fill-black: #474747;
        --gl-dot-fill-green: #bbf7d5;
        --gl-dot-bg-black: #202020;
        --gl-dot-bg-green: #3ddc84;
        --gl-subtitle-underline: red;
        --gl-top-devices-paragraph: gainsboro;
        --gl-info-card-bg: rgba(38, 38, 38, 0.2);
        --gl-info-card-border: rgba(56, 56, 56, 0.3);
        --gl-info-card-title: #dadada;
        --gl-info-card-description: #cacaca;
        --gl-hero-dimmer-1: rgba(0, 0, 0, 0.6);
        --gl-hero-dimmer-2: rgba(0, 0, 0, 0.4);
        --gl-link: #787676;
        --gl-link-alt: #fff;
        --gl-bg: #fafafa;
    }
}