/*
 * Theme tokens. An organization picks one theme (data-theme on <html>) and may override
 * --org-primary / --org-accent with an inline style. Components live in site.css and only
 * read these variables. A viewer can also flip to dark with data-mode="dark" (see _Layout).
 */
:root {
    --org-primary: #2563eb;
    --org-accent: #7c3aed;

    --org-page-bg: #f4f6fb;
    --org-surface: #ffffff;
    --org-surface-muted: #eef1f8;
    --org-text: #1b2233;
    --org-text-muted: #6a7487;
    --org-border: #e1e6f0;

    --org-navbar-bg: #ffffff;
    --org-navbar-text: #4a5468;
    --org-navbar-text-active: var(--org-primary);

    --org-banner-overlay: rgba(10, 16, 40, 0.55);
    --org-shadow: 0 1px 2px rgba(20, 30, 60, 0.05), 0 8px 24px rgba(20, 30, 60, 0.06);
    --org-shadow-strong: 0 2px 4px rgba(20, 30, 60, 0.08), 0 16px 40px rgba(20, 30, 60, 0.12);
    --org-success: #12a150;
    --org-warning: #d98a00;
    --org-danger: #dc3545;
    --org-info: #0a8fb3;
}

[data-theme="Dark"],
html[data-mode="dark"] {
    --org-primary: #6ea8ff;
    --org-accent: #b39bff;

    --org-page-bg: #0f1218;
    --org-surface: #171b24;
    --org-surface-muted: #1e2330;
    --org-text: #e7eaf2;
    --org-text-muted: #9aa4b8;
    --org-border: #2a3142;

    --org-navbar-bg: #171b24;
    --org-navbar-text: #b4bdd0;
    --org-navbar-text-active: var(--org-primary);

    --org-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
    --org-shadow-strong: 0 2px 4px rgba(0, 0, 0, 0.5), 0 16px 40px rgba(0, 0, 0, 0.5);
    --org-success: #3ccf7a;
    --org-warning: #f0b43c;
    --org-danger: #ff6b7a;
    --org-info: #4fc3e0;
    color-scheme: dark;
}

[data-theme="Corporate"] {
    --org-primary: #1b4965;
    --org-accent: #3b8bb5;
    --org-page-bg: #f3f6f9;
    --org-surface-muted: #e9eff4;
    --org-text: #1c2833;
    --org-text-muted: #5b6b7a;
    --org-border: #d6e0e8;
}

[data-theme="Academic"] {
    --org-primary: #8a3b1f;
    --org-accent: #b7791f;
    --org-page-bg: #faf6ee;
    --org-surface: #fffdf8;
    --org-surface-muted: #f3ecdf;
    --org-text: #2d2a26;
    --org-text-muted: #6b6259;
    --org-border: #e6dccb;
}

[data-theme="Academic"] h1,
[data-theme="Academic"] h2,
[data-theme="Academic"] h3,
[data-theme="Academic"] .brand-name {
    font-family: Georgia, "Times New Roman", serif;
}

[data-theme="Ocean"] {
    --org-primary: #0277bd;
    --org-accent: #00acc1;
    --org-page-bg: #f0f8fc;
    --org-surface-muted: #e2f1f8;
    --org-text: #10323f;
    --org-text-muted: #4f707d;
    --org-border: #cde5ef;
}

[data-theme="Forest"] {
    --org-primary: #2f7a55;
    --org-accent: #7aa83e;
    --org-page-bg: #f3f9f4;
    --org-surface-muted: #e6f1e8;
    --org-text: #1d2b22;
    --org-text-muted: #5a6b5f;
    --org-border: #d2e4d6;
}

/* html[data-mode="dark"] has higher specificity than the light themes above, so the viewer's choice wins. */