/* The site installer selects this palette with DMDWIKI_THEME. */
:root {
    color-scheme: light;
    --theme-page: #f3f5f3;
    --theme-surface: #ffffff;
    --theme-subtle: #ecefec;
    --theme-soft: #dfebe2;
    --theme-toolbar: #b9d4c1;
    --theme-header: #a7cbb2;
    --theme-text: #18271e;
    --theme-muted: #4d6054;
    --theme-accent: #175335;
    --theme-hover: #103c26;
    --theme-on-accent: #ffffff;
    --theme-border: #aebdb3;
    --theme-divider: #d5ded8;
    --theme-danger: #8a302b;
    --theme-danger-bg: #fff4f3;
    --theme-danger-border: #e4aaa6;
    --theme-shadow-rgb: 46, 72, 46;
    --system-background-color: var(--theme-page);
    --system-page-top-background-color: var(--theme-subtle);
    --system-toolbar1-color: var(--theme-toolbar);
    --system-toolbar2-color: var(--theme-soft);
    --system-header-color: var(--theme-header);
    --system-background-text-color: var(--theme-text);
    --system-header-text-color: var(--theme-accent);
    --system-header-button-color: var(--theme-soft);
    --wiki-heading-color: var(--theme-accent);
    --wiki-accent-color: var(--theme-accent);
    --wiki-reference-background-color: var(--theme-subtle);
    --wiki-code-background-color: var(--theme-soft);
    --pagination-control-color: var(--theme-toolbar);
    --pagination-control-text-color: var(--theme-accent);
    --pagination-control-disabled-color: var(--theme-divider);
    --pagination-control-text-disabled-color: var(--theme-muted);
    --pagination-control-current-color: transparent;
    --pagination-control-text-current-color: var(--theme-text);
    --theme-action: #a34323;
    --theme-action-hover: #823318;
    --theme-on-action: #ffffff;
}
:root[data-theme="blue"] {
    --theme-page: #f3f5f7;
    --theme-surface: #ffffff;
    --theme-subtle: #eaedf2;
    --theme-soft: #dee8f5;
    --theme-toolbar: #b6cce7;
    --theme-header: #a3c0e2;
    --theme-text: #182737;
    --theme-muted: #4d6074;
    --theme-accent: #154e88;
    --theme-hover: #103a66;
    --theme-border: #aabbd0;
    --theme-divider: #d5dde7;
    --theme-shadow-rgb: 35, 65, 100;
    --theme-action: #a94700;
    --theme-action-hover: #833600;
}
:root[data-theme="warm"] {
    --theme-page: #f6f3ee;
    --theme-surface: #fffefa;
    --theme-subtle: #eee9e1;
    --theme-soft: #eee1ce;
    --theme-toolbar: #d8c3a3;
    --theme-header: #ceb28a;
    --theme-text: #2b231a;
    --theme-muted: #655847;
    --theme-accent: #694317;
    --theme-hover: #4b3010;
    --theme-border: #bfb09a;
    --theme-divider: #e0d7c9;
    --theme-shadow-rgb: 84, 61, 35;
    --theme-action: #006968;
    --theme-action-hover: #004e4d;
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --theme-page: #10161d;
    --theme-surface: #202b37;
    --theme-subtle: #171f29;
    --theme-soft: #293c4e;
    --theme-toolbar: #263b50;
    --theme-header: #1b3043;
    --theme-text: #f1f5f9;
    --theme-muted: #b7c6d4;
    --theme-accent: #85c6ff;
    --theme-hover: #b4ddff;
    --theme-on-accent: #162b3c;
    --theme-border: #536d84;
    --theme-divider: #35495b;
    --theme-danger: #ffb2a9;
    --theme-danger-bg: #422e32;
    --theme-danger-border: #a96d6a;
    --theme-shadow-rgb: 0, 0, 0;
    --theme-action: #edb65b;
    --theme-action-hover: #f6ca82;
    --theme-on-action: #202020;
}
body a { color: var(--theme-accent); }
header nav svg { fill: currentColor; }
input, select, textarea {
    color: var(--theme-text);
    background-color: var(--theme-surface);
    accent-color: var(--theme-accent);
}
button { color: var(--theme-text); background-color: var(--theme-soft); }
input::placeholder, textarea::placeholder { color: var(--theme-muted); opacity: 1; }