/* ==========================================================
   Lampas d.o.o. – temni način
   Vklopi se samodejno po nastavitvi sistema/brskalnika
   ali ročno z gumbom ☀/☾ (html[data-theme="dark"]).
   ========================================================== */

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #091f25;
  --bg-soft: #0c282f;
  --surface: #10333b;
  --surface-2: #0e2c34;
  --line: #1e4a55;
  --ink: #dbeef3;
  --muted: #9bbfc7;
  --brand-light: rgba(76,198,207,.14);
  --grad-soft: linear-gradient(135deg, #0f353e 0%, #0c2b33 100%);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.25);
  --shadow: 0 2px 4px rgba(0,0,0,.25), 0 12px 28px rgba(0,0,0,.35), 0 24px 48px -12px rgba(0,0,0,.45);
  --shadow-lg: 0 4px 8px rgba(0,0,0,.3), 0 20px 40px rgba(0,0,0,.45), 0 40px 80px -20px rgba(0,0,0,.6);
}

html[data-theme="dark"] body { background: var(--bg); color: var(--ink); }
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4 { color: #eef8fa; }
html[data-theme="dark"] main a:not(.btn) { color: var(--teal); }
html[data-theme="dark"] main a:not(.btn):hover { color: var(--sky); }
html[data-theme="dark"] main .info-list a:not(.btn) { color: #fff; }
html[data-theme="dark"] main .info-list a:not(.btn):hover { color: var(--sky); }
html[data-theme="dark"] main .breadcrumbs a:not(.btn) { color: #a8dbe4; }
html[data-theme="dark"] .eyebrow { color: var(--sky); }

/* Glava in meni */
html[data-theme="dark"] .site-header { background: rgba(9,31,37,.82); border-bottom-color: rgba(30,74,85,.8); }
html[data-theme="dark"] .site-header.scrolled { background: rgba(9,31,37,.95); box-shadow: 0 8px 30px rgba(0,0,0,.4); }
html[data-theme="dark"] .logo img { filter: brightness(1.18) saturate(1.1); }
html[data-theme="dark"] .nav-links {
  background: linear-gradient(180deg, #0e2f37, #0b272e);
  box-shadow: inset 0 2px 5px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.04), 0 1px 0 rgba(255,255,255,.04);
}
html[data-theme="dark"] .nav-links a { color: #cce5eb; }
html[data-theme="dark"] .nav-links a:hover { color: #fff; background: rgba(255,255,255,.06); }
html[data-theme="dark"] .nav-links a[aria-current="page"] {
  color: #fff;
  background: linear-gradient(180deg, #1b505d, #15424d);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 2px 0 #05181d, 0 6px 14px rgba(0,0,0,.45);
}
html[data-theme="dark"] .nav-links .nav-ilearn { color: var(--teal); }
html[data-theme="dark"] .nav-toggle,
html[data-theme="dark"] .theme-toggle {
  color: #e3f3f6; background: linear-gradient(180deg, #16424c, #10333b);
  box-shadow: 0 2px 0 #05181d, 0 6px 14px rgba(0,0,0,.4), inset 0 0 0 1px var(--line);
}
@media (max-width: 1140px) {
  html[data-theme="dark"] .nav { background: rgba(11,37,44,.98); border-color: var(--line); }
  html[data-theme="dark"] .nav-links a[aria-current="page"] { background: rgba(76,198,207,.14); box-shadow: none; }
}

/* Površine (kartice, okvirji) */
html[data-theme="dark"] .card,
html[data-theme="dark"] .quote,
html[data-theme="dark"] .service-meta,
html[data-theme="dark"] .faq details,
html[data-theme="dark"] .form,
html[data-theme="dark"] .article-cta {
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);
  border-color: var(--line);
}
html[data-theme="dark"] .stat {
  background: linear-gradient(180deg, #13404b, #0f333c);
  border-color: rgba(255,255,255,.06);
  box-shadow: var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"] .stat strong { background: linear-gradient(90deg, #8ce0ed, #4cc6cf); -webkit-background-clip: text; background-clip: text; }
html[data-theme="dark"] .standard-chip,
html[data-theme="dark"] .toc a {
  background: linear-gradient(180deg, #13404b, #0f333c); color: #dbeef3; border-color: var(--line);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 3px 0 #05181d, 0 10px 20px rgba(0,0,0,.3);
}
html[data-theme="dark"] .toc a:hover { color: #fff; box-shadow: inset 0 0 0 1px var(--brand), 0 5px 0 #05181d, 0 12px 20px rgba(0,0,0,.35); }
html[data-theme="dark"] .section--soft::before { background-image: radial-gradient(rgba(140,224,237,.07) 1px, transparent 1px); }

html[data-theme="dark"] .btn--outline {
  color: #d5f0f6; background: linear-gradient(180deg, #15424c, #10333b);
  box-shadow: inset 0 0 0 1.5px var(--line), 0 4px 0 #05181d, 0 10px 20px rgba(0,0,0,.3);
}
html[data-theme="dark"] .btn--outline:hover { color: #fff; box-shadow: inset 0 0 0 1.5px var(--brand), 0 6px 0 #05181d, 0 14px 26px rgba(0,0,0,.35); }

html[data-theme="dark"] .faq summary,
html[data-theme="dark"] .quote figcaption strong,
html[data-theme="dark"] .post-card h3 a { color: #eef8fa; }
html[data-theme="dark"] .quote blockquote { color: var(--ink); }
html[data-theme="dark"] .faq details[open] { border-color: rgba(76,198,207,.4); }

html[data-theme="dark"] .course .badge { color: var(--sky); }
html[data-theme="dark"] .course .badge--live { background: rgba(46,160,90,.18); color: #86dca3; box-shadow: inset 0 0 0 1px rgba(134,220,163,.25); }

html[data-theme="dark"] .portrait .frame { background: linear-gradient(160deg, #184c59, #0f333c); }
html[data-theme="dark"] .portrait img { mix-blend-mode: normal; filter: brightness(.93); }

/* Obrazec in tabela */
html[data-theme="dark"] .form label { color: #cce5eb; }
html[data-theme="dark"] .form input,
html[data-theme="dark"] .form select,
html[data-theme="dark"] .form textarea {
  background: #0a232a; border-color: #255660; color: var(--ink);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.35);
}
html[data-theme="dark"] .form input:focus,
html[data-theme="dark"] .form select:focus,
html[data-theme="dark"] .form textarea:focus { background: #0c2a32; border-color: var(--teal); }
html[data-theme="dark"] .form-status { color: #86dca3; }
html[data-theme="dark"] .company-table { background: var(--surface); border-color: var(--line); }
html[data-theme="dark"] .company-table th { background: var(--surface-2); color: var(--muted); }
html[data-theme="dark"] .company-table th,
html[data-theme="dark"] .company-table td { border-bottom-color: var(--line); }

html[data-theme="dark"] .article .note { border-color: rgba(76,198,207,.3); border-left-color: var(--teal); }

/* ---------- Gumb za preklop teme (velja za oba načina) ---------- */
.theme-toggle {
  display: inline-grid; place-items: center; flex: none;
  width: 46px; height: 46px; padding: 0; border: 0; border-radius: 12px; cursor: pointer;
  color: var(--heading);
  background: linear-gradient(180deg, #fff, #eef8f9);
  box-shadow: 0 2px 0 #d3e9ed, 0 6px 14px rgba(9,45,54,.1), inset 0 0 0 1px var(--line);
  transition: transform .15s ease;
}
.theme-toggle:hover { transform: translateY(-2px); }
.theme-toggle:active { transform: translateY(1px); }
.theme-toggle svg { width: 22px; height: 22px; }
.theme-toggle .ico-sun { display: none; }
html[data-theme="dark"] .theme-toggle .ico-sun { display: block; color: #ffc15e; }
html[data-theme="dark"] .theme-toggle .ico-moon { display: none; }
@media (max-width: 1140px) {
  .site-header .container { gap: 10px; }
  .logo { margin-right: auto; }
  .theme-toggle { order: 2; }
  .nav-toggle { order: 3; }
}