/*
 * Mörkt läge för de fristående sidorna (TemaUtil, docs/MORKT_LAGE.md).
 *
 * Inloggningen, registreringen, glömt lösenord, de juridiska sidorna på andra
 * språk än svenska, 404 och butikssidorna har egna sidhuvuden och laddar
 * varken hifi-chrome.css eller my.css. De stilmallarna styr body, länkar och
 * rubriker globalt och skulle ändra sidornas LJUSA utseende, så de här
 * sidorna får i stället den här filen.
 *
 * ALLT här gäller bara i mörkt läge. I ljust läge gör filen ingenting, och
 * sidorna ser ut precis som förut. Tokens som --ht-surface finns alltså bara i
 * mörkt läge — skriv var(--ht-surface, #fff) i sidan, så gäller reserven i
 * ljust läge (samma teknik som under /my).
 *
 * Värdena är desamma som i hifi-chrome.css och my.css. TemaKontrastTest
 * jämför de tre filerna; ändra aldrig en utan de andra.
 */

:root[data-bs-theme="dark"] {
    color-scheme: dark;

    --ht-navy:               #7DB7F0;
    --ht-navy-900:           #A5CDF5;
    --ht-navy-600:           #5AA0E6;
    --ht-navy-100:           #183456;
    --ht-navy-050:           #132A44;
    --ht-accent:             #5AA0E6;
    --ht-brand:              #004A7F;
    --ht-link:               #7DB7F0;
    --ht-action:             #1F6FB2;
    --ht-action-h:           #1A5F99;
    --ht-on-action:          #ffffff;
    --ht-focus:              #7DB7F0;
    --ht-focus-brand:        #ffffff;
    --ht-brand-tint:         #132A44;
    --ht-brand-tint-2:       #183456;
    --ht-bg:                 #0F1722;
    --ht-bg-subtle:          #1E2A39;
    --ht-bg-soft:            #0B121B;
    --ht-surface:            #16202D;
    --ht-border:             #2E3D50;
    --ht-border-mid:         #3E5068;
    --ht-muted:              #97A6B8;
    --ht-fg:                 #E7ECF2;
    --ht-fg-soft:            #C3CDD8;
    --ht-fg-dim:             #97A6B8;
    --ht-ink:                #E7ECF2;
    --ht-input-bg:           #0F1722;
    --ht-border-input:       #62758F;
    --ht-input-focus:        #7DB7F0;
    --ht-input-ring:         rgba(125, 183, 240, 0.35);
    --ht-select-pil:         url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23C3CDD8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    --ht-thumb-bg:           #0B121B;
    --ht-placeholder-1:      #0B121B;
    --ht-placeholder-2:      #111A26;
    --ht-placeholder-icon:   #4A5D75;
    --ht-placeholder-border: #3E5068;
    --ht-anchor-bg:          rgba(22, 32, 45, 0.98);
    --ht-shadow-card:        0 1px 2px rgba(0, 0, 0, 0.4);
    --ht-shadow-up:          0 -2px 12px rgba(0, 0, 0, 0.5);
    --ht-shadow-chip:        0 1px 4px rgba(0, 0, 0, 0.5);
    --ht-sell:               #5CC593;
    --ht-buy:                #F0A54A;
    --ht-success-text:       #5CC593;
    --ht-danger-text:        #F28B93;
    --ht-verified-fg:        #5CC593;
    --ht-verified-bg:        #11291F;
    --ht-success-bg:         #11291F;
    --ht-warning-bd:         #D4A72C;
    --ht-warning-bg:         #2A2310;
    --ht-feat-1:             #1F4A7C;
    --ht-feat-2:             #23528A;
    --ht-feat-hover-1:       #26568F;
    --ht-feat-hover-2:       #26568F;
    --ht-feat-accent:        #8EC5FF;
    --ht-feat-muted:         #C8D3DF;
    --ht-feat-link:          #BADCFC;
    --ht-feat-sell:          #8EE2BA;
    --ht-feat-buy:           #F9CB90;
    --ht-feat-success:       #8EE2BA;

    /* Bootstrap 5.3:s mörka läge med sajtens palett. */
    --bs-body-bg:              #0F1722;
    --bs-body-bg-rgb:          15, 23, 34;
    --bs-body-color:           #E7ECF2;
    --bs-body-color-rgb:       231, 236, 242;
    --bs-emphasis-color:       #ffffff;
    --bs-secondary-color:      #97A6B8;
    --bs-secondary-bg:         #1E2A39;
    --bs-tertiary-color:       #97A6B8;
    --bs-tertiary-bg:          #16202D;
    --bs-border-color:         #2E3D50;
    --bs-link-color:           #7DB7F0;
    --bs-link-color-rgb:       125, 183, 240;
    --bs-link-hover-color:     #A5CDF5;
    --bs-link-hover-color-rgb: 165, 205, 245;
    --bs-heading-color:        inherit;
}

/* Bootstraps hjälpklasser följer inte läget av sig själva. */
:root[data-bs-theme="dark"] .bg-white,
:root[data-bs-theme="dark"] .bg-light { background-color: var(--ht-surface) !important; }
/* Gul bakgrund (bg-warning) behåller mörk text — den är gul i båda lägena. */
:root[data-bs-theme="dark"] .text-dark:not(.bg-warning) { color: var(--ht-fg) !important; }
:root[data-bs-theme="dark"] .text-muted,
:root[data-bs-theme="dark"] .text-secondary { color: var(--ht-muted) !important; }
:root[data-bs-theme="dark"] .text-success { color: var(--ht-success-text) !important; }
:root[data-bs-theme="dark"] .text-danger { color: var(--ht-danger-text) !important; }
:root[data-bs-theme="dark"] .text-primary { color: var(--ht-link) !important; }
:root[data-bs-theme="dark"] .table { --bs-table-bg: transparent; }
:root[data-bs-theme="dark"] .form-control,
:root[data-bs-theme="dark"] .form-select { border-color: var(--ht-border-input); }
/* Kort ett steg ljusare än sidan — höjd genom ljushet, inte skuggor. */
:root[data-bs-theme="dark"] .card { --bs-card-bg: var(--ht-surface); --bs-card-cap-bg: var(--ht-bg-subtle); }