:root,
html[data-theme='light'] {
    color-scheme: light;

    --p: 55% 0.195 38.402;
    /* primary */
    --pc: 92% 0.003 48.717;
    /* primary-content - always light for contrast on orange */

    --s: 89% 0.061 343.231;
    /* secondary */
    --sc: 45% 0.187 3.815;
    /* secondary-content */

    --a: 90% 0.076 70.697;
    /* accent */
    --ac: 47% 0.157 37.304;
    /* accent-content */

    --n: 27% 0.006 286.033;
    /* neutral */
    --nc: 92% 0.004 286.32;
    /* neutral-content */

    --b1: 97.788% 0.004 56.375;
    /* base-100 */
    --b2: 93.982% 0.007 61.449;
    /* base-200 */
    --b3: 91.586% 0.006 53.44;
    /* base-300 */
    --bc: 23.574% 0.066 313.189;
    /* base-content */

    --in: 68% 0.169 237.323;
    /* info */
    --inc: 29% 0.066 243.157;
    /* info-content */

    --su: 69% 0.17 162.48;
    /* success */
    --suc: 26% 0.051 172.552;
    /* success-content */

    --wa: 79% 0.184 86.047;
    /* warning */
    --wac: 28% 0.066 53.813;
    /* warning-content */

    --er: 64% 0.246 16.439;
    /* error */
    --erc: 27% 0.105 12.094;
    /* error-content */

    --rounded-box: 1rem;
    --rounded-btn: 2rem;
    --rounded-badge: 1rem;

    --animation-btn: 0.25s;
    --animation-input: 0.2s;
    --btn-focus-scale: 0.95;
    --border-btn: 2px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
}

html[data-theme='dark'] {
    color-scheme: dark;

    --p: 55% 0.195 38.402;
    --pc: 92% 0.003 48.717;

    --s: 89% 0.061 343.231;
    --sc: 45% 0.187 3.815;

    --a: 90% 0.076 70.697;
    --ac: 47% 0.157 37.304;

    --n: 27% 0.006 286.033;
    --nc: 92% 0.004 286.32;

    --b1: 25.33% 0.016 252.42;
    --b2: 23.26% 0.014 253.1;
    --b3: 21.15% 0.012 254.09;
    --bc: 97.807% 0.029 256.847;

    --in: 68% 0.169 237.323;
    --inc: 29% 0.066 243.157;

    --su: 69% 0.17 162.48;
    --suc: 26% 0.051 172.552;

    --wa: 79% 0.184 86.047;
    --wac: 28% 0.066 53.813;

    --er: 64% 0.246 16.439;
    --erc: 27% 0.105 12.094;

    --rounded-box: 1rem;
    --rounded-btn: 2rem;
    --rounded-badge: 1rem;

    --animation-btn: 0.25s;
    --animation-input: 0.2s;
    --btn-focus-scale: 0.95;
    --border-btn: 2px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
}