:root {
    --foreground-dark-mode: var(--wp--preset--color--background);
    --background-dark-mode: var(--wp--preset--color--foreground);
    --primary-dark-mode: var(--wp--preset--color--secondary);
    --secondary-dark-mode: var(--wp--preset--color--primary);
}

html body {
    transition: all 0.5s ease;
}
html.dark-mode body {
    --wp--preset--color--background: var(--background-dark-mode);
    --wp--preset--color--foreground: var(--foreground-dark-mode);
    --wp--preset--color--primary: var(--primary-dark-mode);
    --wp--preset--color--secondary: var(--secondary-dark-mode);

    --wp--preset--color--shade-light: rgba(255, 255, 255, 0.06);
    --wp--preset--color--shade-lighter: rgba(255, 255, 255, 0.12);
}


html.dark-mode body #pookatheme-header #dark-mode-toggle .dark-mode-chooser {
    display: none;
}
html.dark-mode body #pookatheme-header #dark-mode-toggle .light-mode-chooser:not(.pk-d-none) {
    display: inline-flex;
}
@media (min-width: 992px) {
  html.dark-mode body #pookatheme-header #dark-mode-toggle .light-mode-chooser {
        display: inline-flex;
    }
}