/* Dark mode colors. */
:root {
    --sl-color-accent-low: #002d0f;
    --sl-color-accent: #007f39;
    --sl-color-accent-high: #9fd9aa;
    --sl-color-white: #ffffff;
    --sl-color-gray-1: #eeeeee;
    --sl-color-gray-2: #c2c2c2;
    --sl-color-gray-3: #8b8b8b;
    --sl-color-gray-4: #585858;
    --sl-color-gray-5: #383838;
    --sl-color-gray-6: #272727;
    --sl-color-black: #181818;
}

/* Light mode colors. */
:root[data-theme="light"] {
    --sl-color-accent-low: #b8e4c0;
    --sl-color-accent: #00823a;
    --sl-color-accent-high: #003e18;
    --sl-color-white: #181818;
    --sl-color-gray-1: #272727;
    --sl-color-gray-2: #383838;
    --sl-color-gray-3: #585858;
    --sl-color-gray-4: #8b8b8b;
    --sl-color-gray-5: #c2c2c2;
    --sl-color-gray-6: #eeeeee;
    --sl-color-gray-7: #f6f6f6;
    --sl-color-black: #ffffff;
}