/*
 * Luminary – sötét téma az Aranyérték (kitco-phalcon) oldalhoz.
 * A TemplateMo 621 Luminary sablon palettáját és hangulatát viszi át a meglévő
 * felépítésre (kártyák/panelek/grafikonok maradnak). Csak akkor hat, ha a
 * <html data-theme="luminary"> attribútum aktív (a váltógomb állítja).
 *
 * Paletta: #0F1115 (alap), #161A20 (kártya), #1C2128 (lágy), #2A2E35 (vonalak),
 *          #E5E7EB / #C9CDD4 (szöveg), #6B7280/#9CA3AF (másodlagos), Montserrat.
 */

/* ---------- 1) CSS-változók felülírása (a legtöbb elem automatikusan átáll) ---------- */
html[data-theme="luminary"] {
    color-scheme: dark;
    --bg: #0F1115;
    --card: #161A20;
    --card2: #1C2128;
    --border: #2A2E35;
    --text: #E5E7EB;
    --muted: #9CA3AF;
    --gold: #E8C766;          /* világosabb arany a sötét háttéren */
    --silver: #B0B8C4;
    --ingatlan: #2DD4BF;
    --green: #34D399;
    --red: #F87171;
    --amber: #FBBF24;

    /* Kiemelő dobozok (callout) – sötét témában a kártyára kevert, áttetsző tónusok */
    --note-bg: rgba(15, 118, 110, .15);
    --note-border: rgba(45, 212, 191, .35);
    --note-accent: #2DD4BF;
    --tip-bg: rgba(232, 199, 102, .14);
    --tip-border: rgba(232, 199, 102, .35);
    --tip-accent: #E8C766;
    --warn-bg: rgba(251, 191, 36, .13);
    --warn-border: rgba(251, 191, 36, .35);
    --warn-accent: #FBBF24;
}

/* Montserrat a teljes felületre (helyi woff2, lásd montserrat.css) */
html[data-theme="luminary"] body {
    font-family: "Montserrat", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
}

/* ---------- 2) Éles, „literál” színek felülírása ---------- */

/* Fejléc: mély, Luminary-szerű színátmenet */
html[data-theme="luminary"] header.site {
    background: linear-gradient(150deg, #0B0D11 0%, #131920 55%, #1A1F27 100%);
    border-bottom: 1px solid #23272E;
}
html[data-theme="luminary"] header.site h1 .claim { color: var(--gold); }
html[data-theme="luminary"] header.site p { color: #9AA3B0; }
html[data-theme="luminary"] .status-link { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .25); }

/* Navigáció (pille gombok) */
html[data-theme="luminary"] .navlinks a {
    background: #1A1F26;
    border-color: #2A2E35;
}
html[data-theme="luminary"] .navlinks a:hover { border-color: var(--gold); color: var(--gold); }

/* Panelek/kártyák: lágyabb, élesebb keret + kisebb árnyék */
html[data-theme="luminary"] .panel,
html[data-theme="luminary"] .card {
    background: var(--card);
    border-color: var(--border);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .03), 0 6px 18px rgba(0, 0, 0, .25);
}

/* Időtartomány-gombok */
html[data-theme="luminary"] .range button {
    background: #1C2128;
    color: var(--text);
    border-color: #343A43;
}
html[data-theme="luminary"] .range button.active,
html[data-theme="luminary"] .range button:hover {
    background: #E5E7EB;
    border-color: #E5E7EB;
    color: #0F1115;
}

/* Táblázatok */
html[data-theme="luminary"] th { background: #1B1F26; color: #C9CDD4; }
html[data-theme="luminary"] td { border-bottom-color: #262B32; }
html[data-theme="luminary"] tr:hover td { background: rgba(255, 255, 255, .025); }

/* Kód, grafikon-felirat, est jelölés */
html[data-theme="luminary"] code { background: #232A33; color: #E5E7EB; }
html[data-theme="luminary"] .chart-note { background: #14181D; border-color: #2A2E35; color: #9CA3AF; }
html[data-theme="luminary"] .est { color: #8A93A1; }

/* Mini gombok / csúszka-feliratok / választók */
html[data-theme="luminary"] .mini-btn { background: #1C2128; border-color: #3D424A; color: var(--text); }
html[data-theme="luminary"] .mini-btn:hover { border-color: var(--gold); color: var(--gold); }
html[data-theme="luminary"] .range-select,
html[data-theme="luminary"] select,
html[data-theme="luminary"] input[type="number"],
html[data-theme="luminary"] input[type="range"] {
    background-color: #1C2128;
    color: var(--text);
    border-color: #3D424A;
}
html[data-theme="luminary"] input[type="range"] { accent-color: var(--gold); }
html[data-theme="luminary"] input[type="radio"], html[data-theme="luminary"] input[type="checkbox"] { accent-color: var(--gold); }

/* Színes állapot-jelvények (delta, banner, sev) – áttetsző + világos szöveg */
html[data-theme="luminary"] .delta { background: rgba(255, 255, 255, .06); }
html[data-theme="luminary"] .delta.up  { color: #6EE7B7; background: rgba(16, 122, 87, .28); }
html[data-theme="luminary"] .delta.down{ color: #FCA5A5; background: rgba(185, 28, 28, .28); }

html[data-theme="luminary"] .banner-ok   { background: rgba(22, 101, 52, .30); color: #86EFAC; }
html[data-theme="luminary"] .banner-warn { background: rgba(180, 100, 20, .28); color: #FCD34D; }
html[data-theme="luminary"] .banner-fail { background: rgba(185, 28, 28, .30); color: #FECACA; }

html[data-theme="luminary"] .sev-ok   { background: rgba(22, 101, 52, .32); color: #86EFAC; }
html[data-theme="luminary"] .sev-warn { background: rgba(180, 100, 20, .30); color: #FCD34D; }
html[data-theme="luminary"] .sev-fail { background: rgba(185, 28, 28, .32); color: #FECACA; }

/* Arany-standard módszertan-sáv („Hogyan értsd ezt az oldalt?”) */
html[data-theme="luminary"] .gs-method-banner {
    background: linear-gradient(135deg, #1A2028, #151A21);
    border-color: #2E343C;
    border-left-color: var(--gold);
}
html[data-theme="luminary"] .gs-method-banner strong { color: var(--text); }
html[data-theme="luminary"] .btn-method {
    background: linear-gradient(135deg, #E8C766, #C79A2E);
    color: #14181D;
    box-shadow: 0 3px 10px rgba(232, 199, 102, .25);
}

/* Lábléc és egyéb másodlagos szöveg */
html[data-theme="luminary"] footer.site { color: #7C8490; }
html[data-theme="luminary"] .hint { color: #9AA3B0; }

/* Kiemelő kártya-belső részek (unit / meta) olvashatósága */
html[data-theme="luminary"] .card .unit,
html[data-theme="luminary"] .card .meta { color: #8A93A1; }

/* ---------- 2b) Oktatás-oldal: lépés-kártyák (sötét háttér + világos szöveg) ---------- */
html[data-theme="luminary"] .step {
    background: var(--card);
    border-color: var(--border);
}
html[data-theme="luminary"] .step::before {
    background: #0F1115;
    border: 1px solid #343A43;
    color: var(--gold);
}
html[data-theme="luminary"] .step a { color: #8EC5FF; }

/* Vásárlóerő-oldal: nagy áru-ikon mezője ne maradjon fehér */
html[data-theme="luminary"] .pp-big-icon {
    background: #1C2128;
    border-color: #3D424A;
}

/* ---------- 3) Téma-váltó gomb (kis, kerek, jobb alsó sarok) ---------- */
#theme-fab {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1200;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: var(--card);
    color: var(--text);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
    transition: transform .15s ease, box-shadow .15s ease;
}
#theme-fab:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 18px rgba(0, 0, 0, .3); }
html[data-theme="luminary"] #theme-fab {
    background: #1C2128;
    border-color: #3D424A;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .5);
}