[data-color-scheme="dark"] {
    color-scheme: dark;

    color: var(--color-text);

    --color-background: var(--color-rangoon);
    --color-text: var(--color-pampas);
    --color-box-shadow: rgb(0 0 0 / 50%);

    --color-accent-base: var(--color-teal-dark1);
    --color-accent-bg-subtle: var(--color-teal-dark2);
    --color-accent-bg: var(--color-teal-dark3);
    --color-accent-bg-hover: var(--color-teal-dark4);
    --color-accent-bg-active: var(--color-teal-dark5);
    --color-accent-line: var(--color-teal-dark6);
    --color-accent-border: var(--color-teal-dark7);
    --color-accent-border-hover: var(--color-teal-dark8);
    --color-accent-solid: var(--color-teal-dark9);
    --color-accent-solid-hover: var(--color-teal-dark10);
    --color-accent-text: var(--color-teal-dark11);
    --color-accent-text-contrast: var(--color-teal-dark12);

    --color-grey-base: var(--color-olive-dark1);
    --color-grey-bg-subtle: var(--color-olive-dark2);
    --color-grey-bg: var(--color-olive-dark3);
    --color-grey-bg-hover: var(--color-olive-dark4);
    --color-grey-bg-active: var(--color-olive-dark5);
    --color-grey-line: var(--color-olive-dark6);
    --color-grey-border: var(--color-olive-dark7);
    --color-grey-border-hover: var(--color-olive-dark8);
    --color-grey-solid: var(--color-olive-dark9);
    --color-grey-solid-hover: var(--color-olive-dark10);
    --color-grey-text: var(--color-olive-dark11);
    --color-grey-text-contrast: var(--color-olive-dark12);

    --color-danger-base: var(--color-red-dark1);
    --color-danger-bg-subtle: var(--color-red-dark2);
    --color-danger-bg: var(--color-red-dark3);
    --color-danger-bg-hover: var(--color-red-dark4);
    --color-danger-bg-active: var(--color-red-dark5);
    --color-danger-line: var(--color-red-dark6);
    --color-danger-border: var(--color-red-dark7);
    --color-danger-border-hover: var(--color-red-dark8);
    --color-danger-solid: var(--color-red-dark9);
    --color-danger-solid-hover: var(--color-red-dark10);
    --color-danger-text: var(--color-red-dark11);
    --color-danger-text-contrast: var(--color-red-dark12);
}
