/* =========================================================
   KR — dark-mode.css (Overrides only)
   ========================================================= */

body.kr-theme-dark {
  --kr-bg: #0f1217;
  --kr-text: #f2f4f7;
  --kr-muted: #9ca3af;
  --kr-lead: rgba(242,244,247,.82);
  --kr-surface: #12151b;
  --kr-surface-2: #0f1217;
  --kr-border: rgba(242,244,247,.18);
  --kr-hover: rgba(242,244,247,.08);
  --kr-shadow: 0 18px 50px rgba(0,0,0,.55);
  --kr-focus: rgba(96,165,250,.6);
  --kr-header-bg: rgba(15,18,23,.9);
  --kr-hero-split: rgba(62,67,82,.4);
  color-scheme: dark;
}
body.kr-theme-dark .kr-btn--accent {
  background: var(--kr-accent);
  color: var(--kr-charcoal);
  border-color: rgba(62,67,82,.7);
}
body.kr-theme-dark .kr-site-header,
body.kr-theme-dark .kr-icon-btn,
body.kr-theme-dark .kr-lang-btn,
body.kr-theme-dark .kr-nav-toggle,
body.kr-theme-dark .kr-drawer-close {
  color: var(--kr-text);
}
body.kr-theme-dark .kr-hero--profile::before {
  opacity: .34;
  filter: blur(28px) saturate(1.06);
}
body.kr-theme-dark .kr-hero__closing {
  border-top: 1px solid rgba(242,244,247,.12);
}
body.home.kr-theme-dark .kr-site-footer {
  border-top: 1px solid rgba(242,244,247,.12);
}
body.kr-theme-dark .kr-hero__frame {
  background: linear-gradient(145deg, rgba(62,67,82,.9), rgba(27,30,39,.6) 35%, rgba(0,0,0,.25) 70%, rgba(62,67,82,.5));
  box-shadow: 0 22px 60px rgba(0,0,0,.55);
}
body.kr-theme-dark .kr-hero__frame-inner {
  border-color: rgba(0,0,0,.25);
  background: rgba(10,12,16,.55);
}
body.kr-theme-dark .kr-hero__mat {
  background: radial-gradient(110% 110% at 50% 40%, rgba(255,255,255,.18), rgba(0,0,0,.10) 58%, rgba(0,0,0,.18) 100%);
}
body.kr-theme-dark .kr-hero__img {
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.32));
}
@media (hover:hover) {
  body.kr-theme-dark .kr-menu a:hover,
  body.kr-theme-dark .kr-dropdown__item:hover,
  body.kr-theme-dark .kr-icon-btn:hover,
  body.kr-theme-dark .kr-lang-btn:hover,
  body.kr-theme-dark .kr-drawer-close:hover,
  body.kr-theme-dark .kr-nav-toggle:hover {
    background: var(--kr-hover);
  }
}
body.kr-theme-dark .kr-dropdown__item.is-active {
  background: rgba(62,67,82,.25);
  border-color: rgba(62,67,82,.4);
}
body.kr-theme-dark .kr-pill {
  border-color: rgba(242,244,247,.18);
  background: rgba(242,244,247,.06);
  color: var(--kr-muted);
}
body.kr-theme-dark .kr-flag {
  box-shadow: 0 0 0 1px rgba(242,244,247,.12);
}
body.kr-theme-dark .kr-chip {
  background: rgba(18,21,27,.55);
}
body.kr-theme-dark .kr-art-chip {
  background: rgba(62,67,82,.2);
  border-color: rgba(62,67,82,.35);
}
body.kr-theme-dark .kr-art-chip__icon {
  background: rgba(18,21,27,.75);
  border-color: rgba(62,67,82,.5);
}
body.kr-theme-dark .kr-art-quote {
  background: rgba(255,255,255,.06);
  border-color: rgba(242,244,247,.12);
}
body.kr-theme-dark .kr-art-pullquote {
  border-color: rgba(62,67,82,.4);
  background: linear-gradient(135deg, rgba(62,67,82,.2), rgba(18,21,27,.45) 65%);
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
}
body.kr-theme-dark .kr-art-panel__media {
  background: rgba(255,255,255,.04);
  border-color: rgba(242,244,247,.12);
}
body.kr-theme-dark .kr-art-link {
  background: rgba(18,21,27,.65);
}
body.kr-theme-dark .kr-art-link:hover {
  background: rgba(62,67,82,.25);
}
body.kr-theme-dark .kr-phil-chip {
  background: rgba(62,67,82,.2);
  border-color: rgba(62,67,82,.35);
}
body.kr-theme-dark .kr-phil-quote {
  border-color: rgba(62,67,82,.4);
  background: linear-gradient(135deg, rgba(62,67,82,.2), rgba(18,21,27,.45) 65%);
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
}
body.kr-theme-dark .kr-contact-hero__note,
body.kr-theme-dark .kr-contact-card {
  background: rgba(18,21,27,.55);
}
body.kr-theme-dark .kr-entry-hero__kicker a {
  border-color: rgba(62,67,82,.4);
  background: rgba(62,67,82,.2);
}
body.kr-theme-dark .kr-share-btn {
  border-color: rgba(62,67,82,.4);
  background: rgba(62,67,82,.2);
}
body.kr-theme-dark .kr-art-section {
  --kr-tone-op: .50;
}
body.kr-theme-dark .kr-tone-gold {
  --kr-tone-a: rgba(62,67,82,.25);
  --kr-tone-b: rgba(0,0,0,.30);
}
body.kr-theme-dark .kr-tone-ink {
  --kr-tone-a: rgba(0,0,0,.34);
  --kr-tone-b: rgba(62,67,82,.2);
}
body.kr-theme-dark .kr-tone-neutral {
  --kr-tone-a: rgba(0,0,0,.28);
  --kr-tone-b: rgba(0,0,0,.18);
}
body.kr-theme-dark .kr-art-panel::after {
  background: linear-gradient(180deg, transparent 0 55%, rgba(0,0,0,.24));
}