/* Licht thema - subtiele lichte variant */
:root[data-theme="licht"] {
  --bg: #ffffff;
  --bg2: #f5f5f2;
}

/* Jortt thema - volledig wit met Jortt blauw als accentkleur */
:root[data-theme="jortt"] {
  --bg: #ffffff;
  --bg2: #f5f5f2;
  --bg-dark: #f0f0ed;
  --bg-dark2: #e8e8e5;
  --accent: #3399cc;
  --accent-light: #5bb3d9;
  --text-light-muted: #5a5a54;
  --border: rgba(0,0,0,0.10);
}

/* ── NAV ── */
[data-theme="jortt"] .nav {
  background: rgba(255,255,255,0.95);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

[data-theme="jortt"] .nav-overlay {
  background: #ffffff;
}

[data-theme="jortt"] .nav-links a {
  color: var(--text-muted);
}

[data-theme="jortt"] .nav-overlay a {
  color: var(--text);
}

/* ── HERO ── */
[data-theme="jortt"] .hero-img::after {
  background: linear-gradient(to top, rgba(245,243,239,0.92) 0%, rgba(245,243,239,0.55) 55%, rgba(245,243,239,0.1) 100%);
}

[data-theme="jortt"] .hero h1 {
  color: var(--text);
}

[data-theme="jortt"] .hero h1 em {
  color: var(--accent);
}

[data-theme="jortt"] .hero-sub {
  color: var(--text-muted);
}

[data-theme="jortt"] .hero-label {
  color: var(--accent);
}

[data-theme="jortt"] .hero-label::before {
  background: var(--accent);
}

[data-theme="jortt"] .btn-outline {
  color: var(--text);
  border-color: rgba(0,0,0,0.25);
}

[data-theme="jortt"] .btn-outline:hover {
  border-color: var(--text);
}

[data-theme="jortt"] .btn-dark {
  background: var(--text);
  color: #ffffff;
}

/* ── DIENSTEN ── */
[data-theme="jortt"] .diensten-bg {
  background: var(--bg2);
}

[data-theme="jortt"] .diensten-grid {
  background: rgba(0,0,0,0.06);
}

[data-theme="jortt"] .dienst {
  background: #ffffff;
}

[data-theme="jortt"] .dienst:hover {
  background: var(--bg2);
}

[data-theme="jortt"] .dienst h3 {
  color: var(--text);
}

[data-theme="jortt"] .dienst:hover h3 {
  color: var(--accent);
}

[data-theme="jortt"] .dienst p {
  color: var(--text-muted);
}

[data-theme="jortt"] .dienst::before {
  color: rgba(0,0,0,0.04);
}

[data-theme="jortt"] .dienst-tag {
  color: var(--accent);
  opacity: 0.7;
}

[data-theme="jortt"] .dienst-icon {
  color: var(--accent);
  border-color: rgba(51,153,204,0.2);
}

[data-theme="jortt"] .dienst:hover .dienst-icon {
  border-color: rgba(51,153,204,0.5);
  background: rgba(51,153,204,0.06);
}

/* ── WERKWIJZE ── */
[data-theme="jortt"] .werkwijze-tag {
  background: rgba(245,245,242,0.92);
}

[data-theme="jortt"] .werkwijze-tag p {
  color: var(--text-muted);
}

[data-theme="jortt"] .werkwijze-tag strong {
  color: var(--accent);
}

/* ── CONTACT ── */
[data-theme="jortt"] .contact-left {
  background: var(--bg2);
}

[data-theme="jortt"] .contact-left h2 {
  color: var(--text);
}

[data-theme="jortt"] .contact-left p {
  color: var(--text-muted);
}

/* ── FOOTER ── */
[data-theme="jortt"] .footer {
  background: #28333b;
}

[data-theme="jortt"] .footer-grid {
  border-bottom-color: rgba(255,255,255,0.08);
}

[data-theme="jortt"] .footer-tagline {
  color: rgba(255,255,255,0.45);
}

[data-theme="jortt"] .footer-col-title {
  color: rgba(255,255,255,0.4);
}

[data-theme="jortt"] .footer-col a {
  color: rgba(255,255,255,0.7);
}

[data-theme="jortt"] .footer-col a:hover {
  color: #3399cc;
}

[data-theme="jortt"] .footer-col-text {
  color: rgba(255,255,255,0.5);
}

[data-theme="jortt"] .footer-loc {
  color: rgba(255,255,255,0.5);
}

[data-theme="jortt"] .footer-copy {
  color: rgba(255,255,255,0.45);
}

[data-theme="jortt"] .footer-legal-links a {
  color: rgba(255,255,255,0.45);
}

[data-theme="jortt"] .footer-legal-links a:hover {
  color: #3399cc;
}

/* ── ARTIKEL HERO ── */
[data-theme="jortt"] .artikel-hero {
  background: var(--bg2);
}

[data-theme="jortt"] .artikel-hero h1 {
  color: var(--text);
}

[data-theme="jortt"] .artikel-back {
  color: var(--text-muted);
}

[data-theme="jortt"] .artikel-back:hover {
  color: var(--accent);
}

[data-theme="jortt"] .artikel-datum,
[data-theme="jortt"] .artikel-taal {
  color: var(--text-muted);
}

[data-theme="jortt"] .artikel-tag-label {
  color: var(--accent);
  border-color: rgba(51,153,204,0.3);
}

/* ── PAGE HERO (repair, kennis) ── */
[data-theme="jortt"] .page-hero {
  background: var(--bg2) !important;
  background-image: none !important;
}

[data-theme="jortt"] .page-hero h1 {
  color: var(--text);
}

[data-theme="jortt"] .page-hero p {
  color: var(--text-muted);
}

/* ── ARTIKEL BODY ── */
[data-theme="jortt"] .artikel-body pre {
  background: var(--bg2);
  border-left-color: var(--accent);
}

[data-theme="jortt"] .artikel-body pre code {
  color: var(--text-muted);
}

/* ── FOTO PLACEHOLDERS ── */
[data-theme="jortt"] .foto-placeholder,
[data-theme="jortt"] .project-foto {
  background: var(--bg2);
}

[data-theme="jortt"] .foto-label {
  color: var(--text-muted);
  background: rgba(0,0,0,0.08);
}