[data-color-scheme] {
    --color-heading-shadow: var(--color-scheme-accent-1);
    --color-heading-stroke: var(--color-scheme-text);
    --color-button-background: var(--color-scheme-text);
    --color-button-text: var(--color-scheme-text-overlay);
    --color-button-border: var(--color-scheme-text);
    --color-button-shadow: var(--color-scheme-gradient);
    --color-card-border: var(--color-scheme-text);
    --color-card-shadow: var(--color-scheme-gradient);
    --color-sticker-border: var(--color-scheme-text);
    --color-sticker-shadow: var(--color-scheme-text);
    --color-media-border: var(--color-scheme-text);
    --color-media-shadow: var(--color-scheme-gradient);
    --color-media-shadow-fill: rgb(var(--color-scheme-gradient));
    --color-sticker-shadow: var(--color-scheme-text);
    --color-sticker-shadow-fill: rgb(var(--color-scheme-text));
    --heading-color: var(--color-scheme-accent-2);
    --heading-text-shadow: ;
}

[data-color-scheme="primary"] {
    --color-scheme-text: var(--color-primary-text);
    --color-scheme-background: var(--color-primary-background);
    --color-scheme-accent-1: var(--color-primary-accent-1);
    --color-scheme-accent-2: var(--color-primary-accent-2);
    --color-scheme-card: var(--color-primary-card);
    --color-scheme-gradient: var(--color-primary-gradient);
    --color-scheme-text-overlay: var(--color-primary-text-overlay);
    --color-scheme-card-text-overlay: var(--color-primary-card-text-overlay);
    --color-scheme-accent-1-overlay: var(--color-primary-accent-1-overlay);
    --color-scheme-accent-2-overlay: var(--color-primary-accent-2-overlay);
    --color-scheme-secondary-background: var(--color-primary-background);
    --select-svg: url(data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A);
}

.max-w-site {
    max-width: var(--max-site-width);
}

[data-color-scheme] .card {
    --color-button-text: var(--color-scheme-card-text-overlay);
}

[data-color-scheme] .card {
    --color-scheme-text-overlay: var(--color-scheme-card-text-overlay);
}

[data-color-scheme="primary"] .card {
    --color-scheme-secondary-background: var(--color-primary-card);
}

.heading-feature {
    font-size: var(--feature-heading-size);
}

@media (min-width: 990px) {
    :root {
        --standard-heading-size: var(--font-size-5xl);
        --feature-heading-size: var(--font-size-7xl);
        --secondary-heading-size: var(--font-size-lg);
        --section-vertical-spacing: 4rem;
        --section-x-padding: 2.5rem;
        --grid-gap: 2.5rem;
    }
}