/* Shared theme colors; page and component styles consume these variables. */
:root {
    --zdd-surface: rgba(247, 252, 255, 0.96);
    --zdd-surface-hover: rgba(255, 255, 255, 0.985);
    --zdd-surface-border: rgba(94, 159, 199, 0.42);
    --zdd-surface-shadow: 0 8px 24px rgba(18, 70, 104, 0.12);
    --zdd-surface-ink: #183746;
    --zdd-surface-muted: #4a6a78;
    --zdd-nav-bg: #d8edf6;
    --zdd-nav-ink: #214c5d;
    --zdd-scroll-thumb: #86b9cf;
    --zdd-scroll-track: rgba(33, 76, 93, 0.08);
    --zdd-paper: #fbf3df;
    --zdd-paper-soft: rgba(236, 248, 255, 0.78);
    --zdd-ink: #536a70;
    --zdd-muted: #7f9499;
    --zdd-line: rgba(83, 106, 112, 0.16);
    --zdd-card-bg: rgba(246, 252, 255, 0.985);
    --zdd-card-bg-hover: rgba(255, 255, 255, 0.995);
    --zdd-card-border: rgba(96, 167, 215, 0.72);
    --zdd-card-shadow: 0 14px 34px rgba(5, 28, 54, 0.24);
    --zdd-card-ink: #122d39;
    --zdd-card-muted: #355766;
}

[data-md-color-scheme="slate"] {
    --zdd-paper: #151820;
    --zdd-paper-soft: rgba(28, 32, 42, 0.7);
    --zdd-ink: #d6dee0;
    --zdd-muted: #9eafb5;
    --zdd-line: rgba(214, 222, 224, 0.16);
}

[data-md-color-scheme="slate"] {
    --zdd-card-bg: rgba(24, 35, 49, 0.9);
    --zdd-card-bg-hover: rgba(31, 45, 62, 0.96);
    --zdd-card-border: rgba(133, 191, 230, 0.28);
    --zdd-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
    --zdd-card-ink: #e4f0f4;
    --zdd-card-muted: #b5c9d2;
}

body[data-md-color-scheme="slate"],
[data-md-color-scheme="slate"] {
    --zdd-surface: rgba(25, 38, 52, 0.94);
    --zdd-surface-hover: rgba(31, 48, 65, 0.98);
    --zdd-surface-border: rgba(111, 160, 190, 0.34);
    --zdd-surface-shadow: 0 10px 28px rgba(0, 0, 0, 0.26);
    --zdd-surface-ink: #d8e8ef;
    --zdd-surface-muted: #9fb8c4;
    --zdd-nav-bg: #172637;
    --zdd-nav-ink: #d6e8ef;
    --zdd-scroll-thumb: #4f7488;
    --zdd-scroll-track: rgba(214, 232, 239, 0.08);
}

body.zdd-theme-ocean {
    --zdd-surface: rgba(238, 251, 255, 0.97);
    --zdd-surface-hover: rgba(248, 254, 255, 0.99);
    --zdd-surface-border: rgba(76, 164, 188, 0.45);
    --zdd-surface-ink: #163a45;
    --zdd-surface-muted: #4b7480;
    --zdd-nav-bg: #d5f0f5;
    --zdd-nav-ink: #1c5968;
    --zdd-scroll-thumb: #72b8c9;
}

body.zdd-theme-terminal {
    --zdd-surface: rgba(19, 34, 32, 0.94);
    --zdd-surface-hover: rgba(24, 45, 42, 0.98);
    --zdd-surface-border: rgba(88, 183, 151, 0.38);
    --zdd-surface-ink: #d7f7e9;
    --zdd-surface-muted: #9ccdb8;
    --zdd-nav-bg: #10211f;
    --zdd-nav-ink: #d7f7e9;
    --zdd-scroll-thumb: #4b8f79;
}

body.zdd-theme-cat {
    --zdd-surface: rgba(255, 248, 250, 0.97);
    --zdd-surface-hover: rgba(255, 253, 254, 0.99);
    --zdd-surface-border: rgba(218, 145, 169, 0.42);
    --zdd-surface-ink: #432934;
    --zdd-surface-muted: #805c6b;
    --zdd-nav-bg: #f8dfe8;
    --zdd-nav-ink: #673746;
    --zdd-scroll-thumb: #d79aaa;
}

:root { --zdd-canvas: #eaf5fb; --zdd-article-bg: #fff; }
body[data-md-color-scheme="slate"] { --zdd-canvas: #101924; --zdd-article-bg: #1e2030; }