/* ==========================================================================
   Theme 3 – "Temna": dark. Built from the brand's greens (no generic near-black
   with a neon accent): deep forest-night surfaces, mint primary, softened
   red and green for tracked changes. Bootstrap components switch via
   data-bs-theme="dark", set together with data-theme.
   ========================================================================== */
html[data-theme="temna"] {
    color-scheme: dark;

    --paper: #0F1714;
    --sheet: #16211C;
    --ink: #E4ECE6;
    --ink-soft: #A7BAAE;
    --ink-faint: #8DA394;
    --rule: #2A3A31;
    --input-border: #3D5246;

    --primary: #7BD8A1;
    --primary-rgb: 123, 216, 161;
    --primary-deep: #A9EBC4;
    --primary-deep-rgb: 169, 235, 196;
    --primary-active: #5EC386;
    --primary-disabled: #3F5E4C;
    --primary-tint: #1C3328;
    --on-primary: #0A1510;

    --del: #FF8F85;
    --del-tint: #3B201E;
    --ins: #7EE2A8;
    --ins-tint: #17352A;
    --warn: #F2C14E;
    --warn-tint: #3A3016;
    --warn-ink: #F6D88A;

    --header-bg: rgba(15, 23, 20, .9);
    --margin-note: #121C17;
    --note-border: #2A3A31;
    --dropzone-border: #3F6B53;
    --dropzone-bg: #121B17;
    --window-bar: #1C2923;
    --band-bg: #0A110E;
    --band-ink: #D5E2D9;
    --band-soft: #9FB4A6;
    --band-strong: #FFFFFF;
    --band-accent: #7BD8A1;
    --footer-bg: #0A110E;
    --footer-ink: #9FB4A6;
    --footer-link: #D5E2D9;
    --footer-strong: #FFFFFF;
    --admin-bg: #0F1714;
    --admin-nav-bg: #0A110E;
    --admin-nav-soft: #8DA394;
    --admin-nav-strong: #FFFFFF;
    --admin-nav-hover: rgba(255, 255, 255, .06);
    --admin-nav-active: rgba(123, 216, 161, .16);
    --shadow-sheet: 0 1px 2px rgba(0, 0, 0, .45), 0 14px 34px -14px rgba(0, 0, 0, .7);
}

html[data-theme="temna"] body { background: var(--paper); }
html[data-theme="temna"] .site-header { border-bottom-color: var(--rule); }
html[data-theme="temna"] .navbar-toggler-icon { filter: invert(1) brightness(1.4); }
html[data-theme="temna"] .form-control,
html[data-theme="temna"] .form-select { background-color: #121B17; color: var(--ink); }
html[data-theme="temna"] .form-control::placeholder { color: #6E8577; }
html[data-theme="temna"] .table { --bs-table-color: var(--ink); --bs-table-striped-color: var(--ink); }
html[data-theme="temna"] .captcha-img { background: #F7F9F7; }
html[data-theme="temna"] .window-bar .bi { color: #8AB4F8; }
html[data-theme="temna"] .balloon { background: var(--del-tint); }
html[data-theme="temna"] .accordion { --bs-accordion-bg: var(--sheet); --bs-accordion-active-bg: var(--primary-tint); --bs-accordion-active-color: var(--ink); }
html[data-theme="temna"] .dropdown-menu { --bs-dropdown-bg: var(--sheet); --bs-dropdown-border-color: var(--rule); --bs-dropdown-link-color: var(--ink); --bs-dropdown-link-hover-bg: var(--primary-tint); --bs-dropdown-link-hover-color: var(--ink); }
html[data-theme="temna"] .log-tail { background: #070D0A; }
html[data-theme="temna"] .error-code { color: var(--primary); }