html[data-theme="dark"] {
    --nw1: #16171a;
    --nw2: #222328;
    --n1: #f3f3f3;
    --n2: #e6e6e6;
    --n3: #c4c4c4;
    --n4: #f7f7f7;
    --borderd: #3a3b40;
    --box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
    color-scheme: dark;
}

html[data-theme="dark"] body {
    background-color: var(--nw1);
    color: var(--n2);
}

@media print {
    html[data-theme="dark"],
    html[data-theme="dark"] body {
        --nw1: #ffffff;
        --nw2: #f4f4f4;
        --n1: #1d1d1d;
        --n2: #1a1a1a;
        --n3: #4e4e4e;
        --n4: #000000;
        --borderd: #dadada;
        --box-shadow: none;
        color-scheme: light;
        background: #ffffff;
        color: #1a1a1a;
    }
}