:root[data-theme="light"] {
    color-scheme: light;
    --ink: #e6d8b8;
    --panel: rgba(249, 239, 211, 0.94);
    --panel-edge: rgba(112, 81, 42, 0.28);
    --bone: #30251d;
    --bone-dim: #63513f;
    --blood: #912b32;
    --blood-deep: #c5a987;
    --gold: #805419;
}
:root[data-theme="light"] .backdrop {
    background: radial-gradient(ellipse at 50% 20%, rgba(253, 244, 219, 0.86), rgba(221, 202, 166, 0.95)),
                url('./assets/textures/env/basement_floor.png');
    background-size: auto, 256px;
}
:root[data-theme="light"] :is(.brand span, .title, .section-head h2) {
    color: #30251d;
    text-shadow: 0 2px 0 #fff3d7, 0 4px 0 rgba(127, 77, 40, 0.24);
}
:root[data-theme="light"] .panel {
    border-color: #49382b;
    box-shadow: inset 0 0 0 2px var(--panel-edge), 0 5px 14px rgba(67, 43, 24, 0.16);
}
:root[data-theme="light"] .item:hover {
    box-shadow: inset 0 0 0 2px #a77c3e, 0 9px 20px rgba(67, 43, 24, 0.22);
}
:root[data-theme="light"] .toolbar .btn {
    border-color: #49382b;
    box-shadow: inset 0 0 0 2px var(--panel-edge), 0 4px 0 #7b6349;
}
:root[data-theme="light"] .toolbar .btn.primary { color: #fff0d0; }
:root[data-theme="light"] .toolbar .btn:focus-visible { outline: 2px solid #805419; outline-offset: 4px; }
:root[data-theme="light"] :is(.key, .toolbar .btn kbd) {
    color: #30251d;
    background: linear-gradient(#fff6dc, #d7c39d);
    border-color: #49382b;
    box-shadow: inset 0 -3px 0 #bca57f, 0 2px 0 #49382b;
}
:root[data-theme="light"] :is(.bestiary-toolbar input, .bestiary-tabs button) {
    background: #f7ebd0;
    color: #49382b;
    border-color: #a88b60;
}
:root[data-theme="light"] .bestiary-tabs button[aria-pressed="true"] {
    color: #712c28;
    border-color: #712c28;
    background: #e9d5ad;
}
:root[data-theme="light"] footer { color: #75604a; }
/* The website preference never recolors the canvas, title menu or game settings. */
:root[data-theme="light"] #gameWrap {
    color-scheme: dark;
    --ink: #0b0807;
    --panel: rgba(18, 13, 11, 0.86);
    --panel-edge: rgba(232, 220, 192, 0.14);
    --bone: #e8dcc0;
    --bone-dim: rgba(232, 220, 192, 0.66);
    --blood: #b3202a;
    --blood-deep: #5a0c10;
    --gold: #f7d36a;
}