/*
 * Site Theme: Dark — "Stormy Morning"
 * Blue-gray hues: trustworthy, professional, easy on the eyes.
 * Palette: #6A89A7 · #BDDDFC · #88BDF2 · #384959
 */

:root {
  --site-bg:         #384959;
  --site-surface:    #455a6e;
  --site-border:     #5a7a94;
  --site-text:       #eef4fb;
  --site-muted:      #bdddfc;
  --site-link:       #88bdf2;
  --site-link-hover: #bdddfc;
  --site-accent:     #88bdf2;
  --site-radius:     12px;
  --site-shadow:     0 8px 32px rgba(0,0,0,0.35);
}

body.site-theme-dark {
  background: var(--site-bg);
  color: var(--site-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* Map --lc-* and legacy variables used by component CSS */
  --lc-bg:        #384959;
  --lc-surface:   #455a6e;
  --lc-border:    #5a7a94;
  --lc-text:      #eef4fb;
  --lc-text-muted:#bdddfc;
  --lc-link:      #88bdf2;
  --lc-link-hover:#bdddfc;
  --lc-card:      #455a6e;
  --lc-accent:    #88bdf2;
  --card:         #455a6e;
  --border:       #5a7a94;
  --text:         #eef4fb;
  --muted:        #bdddfc;
  --link:         #88bdf2;
  /* Links pages compatibility */
  --card-bg:      #455a6e;
  --text-main:    #eef4fb;
  --text-muted:   #bdddfc;
  --border-color: #5a7a94;
  --table-head:   #384959;
  --input-bg:     #3a4f62;
  --hover-bg:     #4d6578;
}

body.site-theme-dark h1,
body.site-theme-dark h2,
body.site-theme-dark h3,
body.site-theme-dark h4 {
  color: #eef4fb;
}

body.site-theme-dark a { color: #88bdf2; text-decoration: none; }
body.site-theme-dark a:hover { color: #bdddfc; text-decoration: underline; }

/* Nav */
body.site-theme-dark .site-header {
  background: #2b3a48;
  border-bottom: 2px solid #6a89a7;
}
body.site-theme-dark .site-header .brand,
body.site-theme-dark .site-header .site-name,
body.site-theme-dark .site-header .nav-link { color: #eef4fb !important; }
body.site-theme-dark .site-header .nav-link:hover,
body.site-theme-dark .site-header .nav-link.is-active {
  color: #88bdf2 !important;
  border-bottom-color: #88bdf2 !important;
}
body.site-theme-dark .site-header .btn-ghost { border-color: #88bdf2 !important; color: #88bdf2 !important; }
body.site-theme-dark .site-header .btn-ghost:hover { background: #88bdf2 !important; color: #2b3a48 !important; }
body.site-theme-dark .site-header .lang-pill { color: #bdddfc !important; }
body.site-theme-dark .site-header .lang-pill.is-active { color: #88bdf2 !important; border-color: #88bdf2 !important; }

/* Cards */
body.site-theme-dark .site-card,
body.site-theme-dark .card,
body.site-theme-dark .box,
body.site-theme-dark .panel {
  background: #455a6e;
  border: 1px solid #5a7a94;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  color: #eef4fb;
}

/* Buttons */
body.site-theme-dark .btn-primary,
body.site-theme-dark .btn.primary {
  background: #2563eb; color: #fff; border-color: #2563eb;
}
body.site-theme-dark .btn-primary:hover,
body.site-theme-dark .btn.primary:hover {
  background: #1d4ed8; border-color: #1d4ed8; color: #fff;
}

/* Pills */
body.site-theme-dark .pill-ok    { background: #6a89a7; color: #fff; }
body.site-theme-dark .pill-star  { background: #88bdf2; color: #2b3a48; }
body.site-theme-dark .pill-muted { background: #5a7a94; color: #eef4fb; }

/* Footer */
body.site-theme-dark footer {
  background: #2b3a48;
  color: #bdddfc;
  border-top: 2px solid #6a89a7;
}
body.site-theme-dark footer a { color: #88bdf2; }
body.site-theme-dark footer a:hover { color: #fff; }

/* Inputs */
body.site-theme-dark input,
body.site-theme-dark select,
body.site-theme-dark textarea {
  background: #455a6e; color: #eef4fb; border-color: #5a7a94;
}
body.site-theme-dark input::placeholder,
body.site-theme-dark textarea::placeholder { color: #bdddfc; }

/* Tables */
body.site-theme-dark table { color: #eef4fb; }
body.site-theme-dark th { background: #2b3a48; color: #bdddfc; border-color: #5a7a94; }
body.site-theme-dark td { border-color: #5a7a94; }
body.site-theme-dark tr:hover td { background: rgba(136,189,242,0.08); }