:root {
    --color-primary: oklch(0.77 0.15 61.26);
    --color-contrast-higher: hsl(0, 0%, 15%);
    --color-contrast-medium: hsl(0, 0%, 35%);
    --color-contrast-low: hsl(0, 0%, 70%);
    --color-contrast-lower: hsl(0, 0%, 92%);
    --color-bg: hsl(0, 0%, 96%);
    color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --color-primary: oklch(0.77 0.15 61.26);
        --color-contrast-higher: hsl(0, 0%, 96%);
        --color-contrast-medium: hsl(0, 0%, 57%);
        --color-contrast-low: hsl(0, 0%, 22%);
        --color-contrast-lower: hsl(0, 0%, 19%);
        --color-bg: hsl(0, 1%, 14%);
        color-scheme: dark;
    }
}

:root[data-theme="light"] {
    --color-primary: oklch(0.77 0.15 61.26);
    --color-contrast-higher: hsl(0, 0%, 15%);
    --color-contrast-medium: hsl(0, 0%, 35%);
    --color-contrast-low: hsl(0, 0%, 70%);
    --color-contrast-lower: hsl(0, 0%, 92%);
    --color-bg: hsl(0, 0%, 96%);
    color-scheme: light;
}

:root[data-theme="dark"] {
    --color-primary: oklch(0.77 0.15 61.26);
    --color-contrast-higher: hsl(0, 0%, 96%);
    --color-contrast-medium: hsl(0, 0%, 57%);
    --color-contrast-low: hsl(0, 0%, 22%);
    --color-contrast-lower: hsl(0, 0%, 19%);
    --color-bg: hsl(0, 1%, 14%);
    color-scheme: dark;
}

body[class*="elementor-kit-"] {
    --e-global-color-primary: var(--color-contrast-higher) !important;
    --e-global-color-secondary: var(--color-contrast-medium) !important;
    --e-global-color-text: var(--color-contrast-medium) !important;
    --e-global-color-accent: var(--color-primary) !important;
    --e-global-color-21a3596: var(--color-contrast-higher) !important;
    --e-global-color-bd0dc3e: var(--color-contrast-medium) !important;
    --e-global-color-6ca8eb5: var(--color-contrast-low) !important;
    --e-global-color-a8580b2: var(--color-contrast-lower) !important;
    --e-global-color-a238a9e: var(--color-bg) !important;
}