/* =========================================================================
   gimnázium.hu — sötét téma
   Betöltés: site.css UTÁN. Kapcsoló: html[data-theme="dark"]
   ========================================================================= */

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

  /* alap tokenek */
  --ink:        #e6eee9;
  --ink-soft:   #b4c4bc;
  --muted:      #849690;
  --pine:       #6ec4a8;
  --pine-deep:  #060d0b;
  --moss:       #7fd4b8;
  --honey:      #e2a23b;
  --honey-deep: #f0bc5c;
  --paper:      #0c1210;
  --card:       #151f1c;
  --card-warm:  #182622;
  --line:       rgba(255, 255, 255, 0.11);
  --line-soft:  rgba(255, 255, 255, 0.06);
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.28);
  --shadow-md:  0 6px 24px rgba(0, 0, 0, 0.42), 0 2px 6px rgba(0, 0, 0, 0.28);
  --shadow-lg:  0 18px 48px rgba(0, 0, 0, 0.52);

  /* felület tokenek */
  --surface-input:  #1a2824;
  --surface-header: rgba(12, 18, 16, 0.88);
  --text-on-accent: #ffffff;
  --focus-ring:     rgba(110, 196, 168, 0.22);
  --hero-orbit-track: rgba(126, 212, 184, 0.18);
  --hero-orbit-ring:  rgba(126, 212, 184, 0.14);
  --hero-orbit-ring-dash: rgba(226, 162, 59, 0.42);
  --hero-orbit-ring-inner: rgba(110, 196, 168, 0.22);
  --table-head-bg:  #1c2a26;
  --table-row-head: rgba(110, 196, 168, 0.06);
  --status-ok-bg:   rgba(110, 196, 168, 0.14);
  --status-ok-fg:   #9de4c8;
  --status-err-bg:  rgba(220, 100, 70, 0.16);
  --status-err-fg:  #ffb4a0;
  --prefill-bg:     rgba(110, 196, 168, 0.12);
  --prefill-border: rgba(110, 196, 168, 0.28);
  --opt-hover-bg:   rgba(110, 196, 168, 0.08);
  --opt-sel-bg:     rgba(110, 196, 168, 0.14);
  --opt-sel-ring:   rgba(110, 196, 168, 0.18);
  --result-tag-bg:  rgba(226, 162, 59, 0.18);
  --page-hero-bg:   linear-gradient(180deg, rgba(110, 196, 168, 0.08), transparent);
  --recommend-li-bg: rgba(110, 196, 168, 0.14);
  --btn-ghost-hover: rgba(110, 196, 168, 0.08);
  --sticky-cta-bg:   rgba(6, 13, 11, 0.96);
  --wstep-current-ring: rgba(226, 162, 59, 0.28);
  --hl-underline:   rgba(226, 162, 59, 0.38);
  --edulo-premium-bg:
    radial-gradient(ellipse 80% 60% at 85% 20%, rgba(226, 162, 59, 0.12), transparent 55%),
    radial-gradient(ellipse 60% 50% at 10% 80%, rgba(110, 196, 168, 0.1), transparent 50%),
    linear-gradient(165deg, #060d0b 0%, #0f241f 42%, #143229 100%);
}

html[data-theme="dark"] body {
  background: var(--paper);
  color: var(--ink);
}

html[data-theme="dark"] a {
  color: var(--moss);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4 {
  color: var(--ink);
}

/* fejléc */
html[data-theme="dark"] .site-header {
  border-bottom-color: var(--line-soft);
}

html[data-theme="dark"] .theme-toggle {
  background: #1a2824;
  border-color: var(--line);
  color: var(--honey);
}

html[data-theme="dark"] .theme-toggle:hover {
  background: #22332e;
  border-color: var(--honey-deep);
  color: var(--honey-deep);
}

html[data-theme="dark"] .nav-toggle span {
  background: var(--ink);
}

/* hero — aurora és orbit finomhangolás */
html[data-theme="dark"] .aurora b {
  mix-blend-mode: screen;
  opacity: 0.38;
}

html[data-theme="dark"] .hero-orbit__core {
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -8px 24px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .hero-orbit__chip {
  background: var(--card);
  border-color: var(--line);
  color: var(--moss);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .hero::after {
  opacity: 0.55;
}

/* kártyák, eszközök */
html[data-theme="dark"] .card,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .faq details,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .tool,
html[data-theme="dark"] .compare,
html[data-theme="dark"] .recommend,
html[data-theme="dark"] .toc,
html[data-theme="dark"] .callout,
html[data-theme="dark"] .review-box,
html[data-theme="dark"] .slide {
  border-color: var(--line-soft);
}

html[data-theme="dark"] .card--next,
html[data-theme="dark"] .edulo-app__card--next {
  background: linear-gradient(135deg, rgba(226, 162, 59, 0.14), rgba(21, 31, 28, 0.95));
}

html[data-theme="dark"] .btn-ghost {
  color: var(--ink-soft);
  border-color: var(--line);
}

html[data-theme="dark"] .btn-ghost:hover {
  color: var(--ink);
  border-color: var(--moss);
}

html[data-theme="dark"] .btn-primary {
  color: #132820;
}

/* űrlapok */
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .opt,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .slider-ctrl button {
  color: var(--ink);
  border-color: var(--line);
}

html[data-theme="dark"] .field input::placeholder,
html[data-theme="dark"] .field textarea::placeholder {
  color: var(--muted);
}

html[data-theme="dark"] .chip.sel,
html[data-theme="dark"] .tab-btn.active {
  color: #0f241f;
}

html[data-theme="dark"] .slider-ctrl button:hover {
  color: #0f241f;
}

html[data-theme="dark"] .form-status.ok {
  border-color: rgba(110, 196, 168, 0.35);
}

html[data-theme="dark"] .form-status.err {
  border-color: rgba(220, 100, 70, 0.35);
}

html[data-theme="dark"] .prefill-hint {
  color: var(--moss);
}

/* tabok, eszköz fejléc */
html[data-theme="dark"] .tabs {
  background: var(--card-warm);
  border-color: var(--line-soft);
}

html[data-theme="dark"] .tab-btn {
  color: var(--muted);
}

html[data-theme="dark"] .tab-btn.active {
  background: var(--pine);
  color: #0f241f;
}

/* tartalmi oldalak */
html[data-theme="dark"] .prose blockquote {
  color: var(--ink-soft);
}

html[data-theme="dark"] .callout .ico {
  color: #132820;
}

/* sötét szekciók — mélyítés, kontraszt */
html[data-theme="dark"] .path,
html[data-theme="dark"] .countdown-wrap,
html[data-theme="dark"] .tool-head,
html[data-theme="dark"] .recommend .panel {
  background: linear-gradient(180deg, #0f241f 0%, #060d0b 100%);
}

html[data-theme="dark"] .ticker {
  background: #060d0b;
  border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .site-footer {
  background: #040807;
}

html[data-theme="dark"] .cookiebar {
  background: #0a1411;
  border: 1px solid var(--line-soft);
}

html[data-theme="dark"] .cookiebar .btn-ghost {
  color: rgba(255, 255, 255, 0.92);
  border-color: rgba(255, 255, 255, 0.3);
}

html[data-theme="dark"] .cookiebar .btn-ghost:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.42);
}

/* Edulo telefon — a képernyő világos marad (valódi app kinézet) */
html[data-theme="dark"] .edulo-app {
  --ink:        #16302A;
  --ink-soft:   #3A4D47;
  --muted:      #5C6B64;
  --pine:       #1E4A40;
  --pine-deep:  #143229;
  --moss:       #2F7A66;
  --honey:      #E2A23B;
  --honey-deep: #C2842A;
  --paper:      #EDF2EC;
  --card:       #FFFFFF;
  --card-warm:  #F7F9F5;
  --line:       rgba(22, 48, 42, 0.12);
  --line-soft:  rgba(22, 48, 42, 0.07);
  --shadow-sm:  0 1px 2px rgba(20, 50, 41, 0.06), 0 2px 8px rgba(20, 50, 41, 0.05);
}

html[data-theme="dark"] .edulo-phone__screen {
  background: #edf2ec;
}

/* Edulo app mockup — világos „telefon képernyő” marad, finom keret */
html[data-theme="dark"] .edulo-phone__frame {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 28px 64px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .edulo-carousel__tab {
  background: rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .edulo-carousel__tab.is-active {
  background: rgba(226, 162, 59, 0.22);
}

/* scroll progress */
html[data-theme="dark"] .scroll-progress {
  opacity: 0.92;
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] .theme-toggle {
    transition: none;
  }
}