/* ════════════════════════════════════════════════════════════════
   DDC — Light Theme · Clean Slate
   Scoped to html[data-theme="light"]
   ════════════════════════════════════════════════════════════════ */

/* ── Token overrides ─────────────────────────────────────────── */
:root[data-theme="light"] {
  /* Open airy light-green page */
  --bg:               #EEF8F3;
  --bg-alt:           #E3F3EC;
  --bg-2:             #D6EEE5;
  --bg-3:             #C8E6DB;

  /* Soft golden cards */
  --card:             #F6F0E2;
  --card-hover:       #F0E8D4;
  --glass:            rgba(238,248,243,0.94);

  --border:           rgba(26,46,40,0.10);
  --border-strong:    rgba(26,46,40,0.18);
  --border-teal:      rgba(42,186,171,0.40);
  --border-teal-soft: rgba(42,186,171,0.20);

  --fg:               #142820;
  --fg-muted:         rgba(20,40,32,0.62);
  --fg-dim:           rgba(20,40,32,0.42);
  --fg-faint:         rgba(20,40,32,0.05);

  --card-fg:          #142820;
  --card-fg-muted:    rgba(20,40,32,0.62);
  --card-fg-dim:      rgba(20,40,32,0.40);

  --shadow:           0 4px 24px rgba(20,40,32,0.06), 0 1px 4px rgba(42,186,171,0.06);
  --shadow-card:      0 2px 8px rgba(120,90,30,0.08), 0 8px 28px rgba(20,40,32,0.06);
  --glow:             0 0 40px rgba(42,186,171,0.14);
  --glow-strong:      0 0 60px rgba(42,186,171,0.24);

  --grad-hero-fade:   linear-gradient(to top, #EEF8F3, transparent);
  --grad-header:      linear-gradient(to bottom, rgba(238,248,243,0.97), transparent);
  --grad-band:        linear-gradient(180deg, transparent 0%, rgba(42,186,171,0.07) 50%, transparent 100%);
}

/* ── Base ────────────────────────────────────────────────────── */
html[data-theme="light"] body {
  background: var(--bg);
  color: var(--fg);
}

html[data-theme="light"] body::before {
  background:
    linear-gradient(rgba(42,186,171,0.04) 1px, transparent 1px) 0 0 / 52px 52px,
    linear-gradient(90deg, rgba(42,186,171,0.04) 1px, transparent 1px) 0 0 / 52px 52px,
    radial-gradient(ellipse at 60% 0%, rgba(42,186,171,0.10), transparent 55%),
    radial-gradient(ellipse at 10% 80%, rgba(255,187,52,0.05), transparent 45%),
    linear-gradient(180deg, #F4FBF8 0%, #EEF8F3 45%, #E6F4EE 100%);
}

html[data-theme="light"] body::after { opacity: 0.03; }

html[data-theme="light"] ::-webkit-scrollbar-track { background: var(--bg-alt); }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(42,186,171,0.28); border-radius: 8px; }

/* ── Header ──────────────────────────────────────────────────── */
html[data-theme="light"] .header {
  background: rgba(238,248,243,0.92) !important;
  border-bottom: 1px solid rgba(42,186,171,0.12);
  backdrop-filter: blur(16px);
}
html[data-theme="light"] .header.scrolled {
  background: rgba(238,248,243,0.97) !important;
  border-bottom: 1px solid rgba(42,186,171,0.16);
  box-shadow: 0 1px 20px rgba(20,40,32,0.06);
}
html[data-theme="light"] .nav-link { color: rgba(15,23,42,0.70); }
html[data-theme="light"] .nav-link:hover {
  background: rgba(42,186,171,0.07);
  color: var(--ddc-teal);
}
html[data-theme="light"] .nav-link.active {
  color: var(--ddc-teal);
  background: rgba(42,186,171,0.08);
}
html[data-theme="light"] .logo-text,
html[data-theme="light"] .logo-sub { color: var(--fg); }

/* ── Theme toggle button ─────────────────────────────────────── */
.theme-toggle {
  min-width: 44px; min-height: 44px;
  width: 44px; height: 44px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--card);
  color: var(--fg-muted);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.2s;
  flex-shrink: 0;
}
.theme-toggle:hover {
  background: rgba(42,186,171,0.08);
  border-color: var(--border-teal);
  color: var(--ddc-teal);
  transform: rotate(15deg);
}
.theme-toggle svg { width: 18px; height: 18px; }

/* ── Hero ────────────────────────────────────────────────────── */
html[data-theme="light"] .hero-gradient {
  background:
    radial-gradient(52% 40% at 20% 30%, rgba(42,186,171,0.10), transparent 70%),
    radial-gradient(34% 30% at 80% 20%, rgba(42,186,171,0.06), transparent 65%),
    var(--grad-hero-fade) !important;
}
html[data-theme="light"] .hero-monogram {
  -webkit-text-stroke: 1px rgba(42,186,171,0.15);
}
html[data-theme="light"] .hero-scroll { color: rgba(15,23,42,0.28); }
html[data-theme="light"] .hero-scroll::after {
  background: linear-gradient(to bottom, rgba(42,186,171,0.4), transparent);
}
html[data-theme="light"] .hero-tag { color: var(--ddc-teal); }
html[data-theme="light"] .hero-headline { color: var(--fg); }
html[data-theme="light"] .hero-sub { color: var(--fg-muted); }

html[data-theme="light"] .btn-outline {
  background: transparent;
  border: 1.5px solid rgba(10,46,40,0.22);
  color: var(--fg);
  backdrop-filter: none;
}
html[data-theme="light"] .btn-outline:hover {
  background: rgba(10,46,40,0.06);
  border-color: rgba(10,46,40,0.32);
  color: var(--fg);
}

/* ── Service cards ───────────────────────────────────────────── */
html[data-theme="light"] .service-card {
  background: linear-gradient(165deg, #F8F3E8 0%, #F6F0E2 48%, #F1E8D6 100%);
  border-color: rgba(196,150,50,0.22);
  box-shadow: var(--shadow-card);
  color: var(--card-fg);
}
html[data-theme="light"] .service-card.featured {
  background: linear-gradient(145deg, #FAF4E6 0%, #F4EBD5 50%, #EFE3C8 100%);
  border-color: rgba(255,187,52,0.40);
  box-shadow: 0 8px 32px rgba(120,90,30,0.10), 0 0 0 1px rgba(255,187,52,0.12) inset;
}
html[data-theme="light"] .service-card:hover {
  background: var(--card-hover);
  border-color: rgba(42,186,171,0.40);
  box-shadow: 0 10px 36px rgba(120,90,30,0.12), 0 0 0 1px rgba(42,186,171,0.12);
  transform: translateY(-2px);
}
/* Left accent sticks — always visible on light */
html[data-theme="light"] .service-card::before {
  opacity: 1 !important;
  background: linear-gradient(to bottom, #2ABAAB, #FFBB34) !important;
  box-shadow: 0 0 10px rgba(42,186,171,0.25);
}
html[data-theme="light"] .service-card .card-num { color: rgba(20,40,32,0.07); }
html[data-theme="light"] .service-card:hover .card-num { color: rgba(42,186,171,0.22); }
html[data-theme="light"] .service-card .service-icon { color: var(--ddc-teal); }
html[data-theme="light"] .service-card .card-icon {
  background: linear-gradient(135deg, rgba(42,186,171,0.16), rgba(255,187,52,0.08));
  border-color: rgba(42,186,171,0.30);
  box-shadow: none;
}
html[data-theme="light"] .service-card .card-chip {
  background: rgba(255,187,52,0.14);
  border-color: rgba(196,150,50,0.28);
  color: #8A6A1E;
}
html[data-theme="light"] .service-card .card-since { color: var(--card-fg-dim); }
html[data-theme="light"] .service-card .card-stats { border-top-color: rgba(20,40,32,0.08); }
html[data-theme="light"] .service-card .card-stat {
  background: rgba(255,255,255,0.45);
  border-color: rgba(196,150,50,0.18);
}
html[data-theme="light"] .service-card:hover .card-stat {
  background: rgba(42,186,171,0.08);
  border-color: rgba(42,186,171,0.22);
}
html[data-theme="light"] .service-card .card-stat-l { color: var(--card-fg-dim); }
html[data-theme="light"] .service-card .card-stat-v { color: var(--card-fg); }
html[data-theme="light"] .service-title { color: var(--card-fg); }
html[data-theme="light"] .service-desc { color: var(--card-fg-muted); }
html[data-theme="light"] .service-card .card-link,
html[data-theme="light"] .service-card a { color: var(--ddc-teal); }

/* ── KPI band ────────────────────────────────────────────────── */
html[data-theme="light"] .kpi-wrap {
  background: linear-gradient(180deg, #E3F3EC, #D6EEE5, #E3F3EC);
  border-top: 1px solid rgba(20,40,32,0.08);
  border-bottom: 1px solid rgba(20,40,32,0.08);
}
html[data-theme="light"] .kpi-item { border-right: 1px solid rgba(20,40,32,0.08); }
html[data-theme="light"] .kpi-item::before {
  background: var(--ddc-teal) !important;
  opacity: 1 !important;
  height: 3px !important;
  width: 40px !important;
}
html[data-theme="light"] .kpi-value { text-shadow: none; color: var(--ddc-teal); }
html[data-theme="light"] .kpi-label { color: var(--fg-muted); }

/* ── News ────────────────────────────────────────────────────── */
html[data-theme="light"] .news-media {
  border-color: rgba(196,150,50,0.18);
  box-shadow: var(--shadow-card);
  background: #0B2E28;
}
html[data-theme="light"] .news-media--contain {
  background: linear-gradient(160deg, #0F3D36 0%, #145247 50%, #0B2E28 100%);
}
html[data-theme="light"] .news-detail {
  background: var(--card);
  border-color: rgba(196,150,50,0.22);
  box-shadow: var(--shadow-card);
}
html[data-theme="light"] .news-detail:hover {
  border-color: rgba(42,186,171,0.40);
  box-shadow: 0 10px 36px rgba(120,90,30,0.12);
}
html[data-theme="light"] .news-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  box-shadow: var(--shadow-card);
}
html[data-theme="light"] .news-card:hover {
  border-color: rgba(42,186,171,0.38);
  box-shadow: 0 8px 28px rgba(120,90,30,0.10);
}
html[data-theme="light"] .news-card.active {
  background: #F0E8D4;
  border-color: rgba(42,186,171,0.45);
}
html[data-theme="light"] .news-all {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  color: var(--card-fg-muted);
}
html[data-theme="light"] .news-title { color: var(--card-fg); }
html[data-theme="light"] .news-featured-title { color: var(--card-fg); }
html[data-theme="light"] .news-featured-desc { color: var(--card-fg-muted); }
html[data-theme="light"] .news-card-title { color: var(--card-fg); }
html[data-theme="light"] .news-date { color: var(--card-fg-dim); }

/* ── Feedback / Form ─────────────────────────────────────────── */
html[data-theme="light"] .section-title { color: var(--fg); }
html[data-theme="light"] .section-desc  { color: var(--fg-muted); }
html[data-theme="light"] .section-tag   { color: var(--ddc-teal); }

/* Section tag sticks */
html[data-theme="light"] .section-tag::before,
html[data-theme="light"] .section-tag::after {
  content: '';
  display: inline-block;
  width: 28px !important;
  height: 2px;
  background: var(--ddc-teal);
  opacity: 1 !important;
  flex-shrink: 0;
  border-radius: 1px;
  animation: none !important;
}

html[data-theme="light"] .form-field {
  background: #FFFcf7;
  border: 1px solid rgba(196,150,50,0.22);
  color: var(--fg);
}
html[data-theme="light"] .form-field::placeholder { color: rgba(20,40,32,0.40); }
html[data-theme="light"] .form-field:focus {
  border-color: var(--ddc-teal);
  box-shadow: 0 0 0 3px rgba(42,186,171,0.12);
  outline: none;
}

/* ── Footer ──────────────────────────────────────────────────── */
html[data-theme="light"] .footer {
  border-top: 1px solid rgba(20,40,32,0.08);
  background: linear-gradient(to bottom, #E3F3EC, #D6EEE5);
}
html[data-theme="light"] .footer-ddc {
  background: linear-gradient(180deg, rgba(20,40,32,0.10), rgba(42,186,171,0.12));
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
html[data-theme="light"] .footer-col-title { color: var(--fg); }
html[data-theme="light"] .footer-link { color: var(--fg-muted); }
html[data-theme="light"] .footer-link:hover { color: var(--ddc-teal); }
html[data-theme="light"] .footer-bottom {
  border-top: 1px solid rgba(20,40,32,0.08);
  color: var(--fg-dim);
}

/* ── Timeline ────────────────────────────────────────────────── */
html[data-theme="light"] .tl-dot {
  box-shadow: 0 0 0 4px var(--bg), 0 0 20px rgba(42,186,171,0.55);
}
html[data-theme="light"] .tl-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  box-shadow: var(--shadow-card);
}
html[data-theme="light"] .tl-card:hover {
  border-color: rgba(42,186,171,0.40);
  box-shadow: 0 8px 32px rgba(120,90,30,0.12);
}
html[data-theme="light"] .tl-year   { color: var(--ddc-teal); }
html[data-theme="light"] .tl-title  { color: var(--card-fg); }
html[data-theme="light"] .tl-desc   { color: var(--card-fg-muted); }

/* ── Partners marquee ────────────────────────────────────────── */
html[data-theme="light"] .partners-section {
  border-top: 1px solid rgba(15,61,54,0.10);
  border-bottom: 1px solid rgba(15,61,54,0.10);
  background: linear-gradient(180deg, transparent, rgba(42,186,171,0.08), transparent);
}
html[data-theme="light"] .marquee-item { color: rgba(10,46,40,0.45) !important; }
html[data-theme="light"] .m-dot { background: var(--ddc-teal); opacity: 0.7; }

/* ── Hero scroll indicator ───────────────────────────────────── */
html[data-theme="light"] .hero-scroll {
  color: rgba(10,46,40,0.35) !important;
}

/* ── Mission tabs ─────────────────────────────────────────────── */
html[data-theme="light"] .mission-tab-btn {
  color: rgba(10,46,40,0.60);
}
html[data-theme="light"] .mission-tab-btn.active {
  color: var(--fg) !important;
  text-shadow: none;
}
/* mission tab content — selectors use element tags, not BEM classes */
html[data-theme="light"] .mission-tab-content-title { color: var(--card-fg); }
html[data-theme="light"] .mission-tab-content-text  { color: var(--card-fg-muted); }
html[data-theme="light"] .mission-tab-content h3 { color: var(--card-fg); }
html[data-theme="light"] .mission-tab-content p  { color: var(--card-fg-muted); }

/* ── Card carousel (Services page) ─────────────────────────── */
html[data-theme="light"] .carousel-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  box-shadow: var(--shadow-card);
}
/* carousel — JSX uses bare h4/p tags, not BEM class names */
html[data-theme="light"] .carousel-card__title { color: var(--card-fg); }
html[data-theme="light"] .carousel-card__desc  { color: var(--card-fg-muted); }
html[data-theme="light"] .carousel-card h4 { color: var(--card-fg) !important; }
html[data-theme="light"] .carousel-card p  { color: var(--card-fg-muted) !important; }
html[data-theme="light"] .carousel-card .carousel-card-icon { filter: none; color: var(--ddc-teal); }
html[data-theme="light"] .carousel-dot { background: rgba(10,46,40,0.20); }
html[data-theme="light"] .carousel-dot.active  { background: var(--ddc-teal) !important; box-shadow: 0 0 10px rgba(42,186,171,0.35); }
html[data-theme="light"] .carousel-arrow {
  border-color: rgba(196,150,50,0.22);
  background: var(--card);
  color: var(--card-fg);
}
html[data-theme="light"] .carousel-arrow:hover:not(:disabled) {
  border-color: rgba(42,186,171,0.40);
  background: #FFFCF7;
  color: var(--ddc-teal);
}

/* ── News page ───────────────────────────────────────────────── */
html[data-theme="light"] .news-page-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  box-shadow: var(--shadow-card);
  color: var(--card-fg);
}
html[data-theme="light"] .news-page-card:hover {
  border-color: rgba(42,186,171,0.40);
  box-shadow: 0 8px 28px rgba(120,90,30,0.10);
}

/* ── Contacts page ───────────────────────────────────────────── */
html[data-theme="light"] .contact-info-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  box-shadow: var(--shadow-card);
  color: var(--card-fg);
}
html[data-theme="light"] .contact-info-card:hover {
  border-color: rgba(42,186,171,0.40);
  box-shadow: 0 8px 28px rgba(120,90,30,0.10);
}
html[data-theme="light"] .contact-info-value { color: var(--card-fg); }
html[data-theme="light"] .contact-info-note  { color: var(--card-fg-muted); }
html[data-theme="light"] .contacts-form-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.22);
  box-shadow: var(--shadow-card);
}
html[data-theme="light"] .contacts-form-title { color: var(--card-fg); }
html[data-theme="light"] .contacts-hero-title { color: var(--fg); }
html[data-theme="light"] .contacts-hero-desc  { color: var(--fg-muted); }
html[data-theme="light"] .page-form-field {
  background: #FFFcf7;
  border-color: rgba(196,150,50,0.22);
  color: var(--fg);
}
html[data-theme="light"] .page-form-field::placeholder { color: rgba(20,40,32,0.38); }
html[data-theme="light"] .page-form-field:focus {
  background: #fff;
  border-color: var(--ddc-teal);
  box-shadow: 0 0 0 3px rgba(42,186,171,0.14);
}

/* ── Page hero (all sub-pages) ───────────────────────────────── */
html[data-theme="light"] .page-hero .section-tag {
  color: var(--ddc-teal) !important;
}

/* ── Page KPI strip ──────────────────────────────────────────── */
html[data-theme="light"] .page-kpi-strip .kpi-wrap {
  background: linear-gradient(180deg, #E3F3EC, #D6EEE5, #E3F3EC);
}

/* ── Platform list ───────────────────────────────────────────── */
html[data-theme="light"] .platform-list li {
  border-top: 1px solid rgba(15,23,42,0.07);
  color: rgba(15,23,42,0.65);
}

/* ── Scroll progress ─────────────────────────────────────────── */
html[data-theme="light"] .scroll-progress { background: rgba(15,23,42,0.07); }

/* ── Section dividers ────────────────────────────────────────── */
html[data-theme="light"] .section::before,
html[data-theme="light"] .platform-section::before,
html[data-theme="light"] .timeline-section::before {
  background: linear-gradient(90deg, transparent, rgba(42,186,171,0.24), transparent);
}
html[data-theme="light"] .feedback-section::before {
  background: linear-gradient(to bottom, transparent, rgba(42,186,171,0.30));
}

/* ── Mission tabs ────────────────────────────────────────────── */
html[data-theme="light"] .mission-main-info-selector {
  background: rgba(238,248,243,0.92);
  border-color: rgba(42,186,171,0.20);
  box-shadow: 0 4px 24px rgba(20,40,32,0.06), inset 0 1px 0 rgba(255,255,255,0.7);
}
html[data-theme="light"] .mission-tab-content-wrap {
  background: linear-gradient(165deg, #F8F3E8 0%, #F6F0E2 100%);
  border-color: rgba(196,150,50,0.22);
  box-shadow: 0 12px 40px rgba(120,90,30,0.08);
  color: var(--card-fg);
}

/* ── Page shell (sub-pages) ──────────────────────────────────── */
html[data-theme="light"] .page-hero { color: var(--fg); }
html[data-theme="light"] .page-hero .section-title { color: var(--fg); }
html[data-theme="light"] .page-hero .section-desc  { color: var(--fg-muted); }

/* ── Leadership tree (О нас → Руководство) ──────────────────── */
html[data-theme="light"] .leadership-section {
  background: var(--bg);
}
html[data-theme="light"] .leader-tree-card__photo {
  border-color: rgba(15,23,42,0.08);
  box-shadow: 0 4px 20px rgba(15,23,42,0.09);
}
html[data-theme="light"] .leader-tree-card--featured .leader-tree-card__photo {
  box-shadow: 0 8px 36px rgba(15,23,42,0.12);
}
html[data-theme="light"] .leader-tree-card__name {
  color: var(--ddc-teal) !important;
}
html[data-theme="light"] .leader-tree-card__role {
  color: rgba(15,23,42,0.58) !important;
}
html[data-theme="light"] .leadership-tree-title {
  color: var(--fg) !important;
}
html[data-theme="light"] .leadership-mgmt-title {
  color: var(--fg) !important;
}
html[data-theme="light"] .mgmt-feature {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  box-shadow: var(--shadow-card);
  color: var(--card-fg);
}
html[data-theme="light"] .mgmt-feature__photo {
  border-color: rgba(42,186,171,0.30);
  box-shadow: 0 4px 20px rgba(20,40,32,0.10);
}
html[data-theme="light"] .mgmt-feature__letter-title {
  color: var(--ddc-teal) !important;
}
html[data-theme="light"] .mgmt-feature__letter-p {
  color: var(--card-fg-muted) !important;
}
html[data-theme="light"] .mgmt-feature__letter-sign {
  color: var(--card-fg) !important;
}

/* ── Career page — actual JSX class names ─────────────────────── */
html[data-theme="light"] .vacancy-card,
html[data-theme="light"] .career-vac-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  box-shadow: var(--shadow-card);
  color: var(--card-fg);
}
html[data-theme="light"] .vacancy-card:hover,
html[data-theme="light"] .career-vac-card:hover {
  border-color: rgba(42,186,171,0.40);
  box-shadow: 0 8px 28px rgba(120,90,30,0.10);
}
html[data-theme="light"] .vacancy-title,
html[data-theme="light"] .career-vac-title   { color: var(--card-fg) !important; }
html[data-theme="light"] .vacancy-meta,
html[data-theme="light"] .career-vac-salary  { color: var(--card-fg-muted); }
html[data-theme="light"] .vacancy-tag,
html[data-theme="light"] .career-chip        {
  background: rgba(255,187,52,0.14);
  color: #8A6A1E;
  border-color: rgba(196,150,50,0.28);
}
html[data-theme="light"] .career-chip--dim {
  background: rgba(20,40,32,0.05);
  color: var(--card-fg-dim);
  border-color: rgba(20,40,32,0.10);
}
html[data-theme="light"] .career-section-title { color: var(--fg); }
html[data-theme="light"] .career-vac-body { color: var(--card-fg); }
html[data-theme="light"] .career-vac-body p,
html[data-theme="light"] .career-vac-body li { color: var(--card-fg-muted); }
html[data-theme="light"] .career-benefit-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  color: var(--card-fg);
}
html[data-theme="light"] .career-benefit-title { color: var(--card-fg) !important; }
html[data-theme="light"] .career-benefit-desc  { color: var(--card-fg-muted); }
html[data-theme="light"] .career-news-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
}
html[data-theme="light"] .career-news-title { color: var(--card-fg) !important; }

/* Career history / values */
html[data-theme="light"] .ddc-history-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  box-shadow: var(--shadow-card);
}
html[data-theme="light"] .ddc-history-title { color: var(--card-fg); }
html[data-theme="light"] .ddc-history-desc { color: var(--card-fg-muted); }
html[data-theme="light"] .wb-value-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  box-shadow: var(--shadow-card);
}
html[data-theme="light"] .wb-value-letter {
  color: #142820;
  background: rgba(255,187,52,0.55);
}
html[data-theme="light"] .wb-value-word { color: var(--card-fg); }
html[data-theme="light"] .wb-value-desc { color: var(--card-fg-muted); }
html[data-theme="light"] .wb-history-item {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
}
html[data-theme="light"] .wb-history-desc { color: var(--card-fg-muted); }
html[data-theme="light"] .wb-cond-card {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  color: var(--card-fg);
}
html[data-theme="light"] .wb-mission-text { color: var(--fg); }
html[data-theme="light"] .wb-values-lede { color: var(--fg-muted); }

/* ── FloatingNav ─────────────────────────────────────────────── */
html[data-theme="light"] .floating-nav {
  background: rgba(238,248,243,0.94);
  border-color: rgba(20,40,32,0.10);
  box-shadow: 0 4px 24px rgba(20,40,32,0.08);
  backdrop-filter: blur(16px);
}
html[data-theme="light"] .floating-nav-btn { color: rgba(20,40,32,0.55); }
html[data-theme="light"] .floating-nav-btn:hover,
html[data-theme="light"] .floating-nav-btn.active { color: var(--ddc-teal); }

/* ── StatusTicker ────────────────────────────────────────────── */
html[data-theme="light"] .status-ticker {
  background: rgba(238,248,243,0.94);
  border-color: rgba(20,40,32,0.10);
}
html[data-theme="light"] .status-ticker-item { border-color: rgba(20,40,32,0.08); color: rgba(20,40,32,0.48); }
html[data-theme="light"] .st-label { color: var(--ddc-teal); }
html[data-theme="light"] .st-val { color: rgba(20,40,32,0.85); }
html[data-theme="light"] .st-val--flat { color: rgba(20,40,32,0.55); }

/* ── Text selection ──────────────────────────────────────────── */
html[data-theme="light"] ::selection {
  background: rgba(42,186,171,0.22);
  color: var(--fg);
}

/* ── Mobile menu (light) ─────────────────────────────────────── */
html[data-theme="light"] .mobile-menu-backdrop {
  background: rgba(10, 40, 34, 0.28);
}
html[data-theme="light"] .mobile-menu-container {
  background:
    radial-gradient(ellipse at 100% 0%, rgba(42,186,171,0.12), transparent 50%),
    linear-gradient(180deg, #F4FBF8 0%, #EEF8F3 45%, #E6F4EE 100%);
  border-left: 1px solid rgba(42,186,171,0.18);
  box-shadow: -28px 0 64px rgba(15,61,54,0.18), -6px 0 24px rgba(15,61,54,0.10);
}
html[data-theme="light"] .mobile-menu-head {
  border-bottom-color: rgba(15,61,54,0.08);
}
html[data-theme="light"] .mobile-menu-brand-title { color: var(--fg); }
html[data-theme="light"] .mobile-menu-brand-sub { color: var(--fg-dim); }
html[data-theme="light"] .mobile-menu-brand-mark {
  background: linear-gradient(135deg, rgba(42,186,171,0.16), rgba(255,187,52,0.08));
  border-color: rgba(42,186,171,0.32);
}
html[data-theme="light"] .mobile-menu-close {
  background: rgba(255,255,255,0.55);
  border-color: rgba(15,61,54,0.12);
}
html[data-theme="light"] .mobile-menu-close span { background: var(--fg); }
html[data-theme="light"] .mobile-menu-close:hover {
  background: rgba(42,186,171,0.12);
  border-color: rgba(42,186,171,0.35);
}
html[data-theme="light"] .mobile-menu-icon span,
html[data-theme="light"] .mobile-menu-icon.open span {
  background-color: var(--fg);
}
html[data-theme="light"] .mobile-nav-link {
  color: rgba(20, 40, 32, 0.78);
}
html[data-theme="light"] .mobile-nav-idx { color: rgba(42,186,171,0.85); }
html[data-theme="light"] .mobile-nav-arrow { color: rgba(20,40,32,0.22); }
html[data-theme="light"] .mobile-nav-link:hover,
html[data-theme="light"] .mobile-nav-link.active {
  color: var(--fg);
  background: rgba(42,186,171,0.10);
  border-color: rgba(42,186,171,0.22);
}
html[data-theme="light"] .mobile-menu-foot {
  border-top-color: rgba(15,61,54,0.08);
}
html[data-theme="light"] .mobile-menu-portal {
  color: #0A2E28;
  background: linear-gradient(135deg, rgba(42,186,171,0.22), rgba(255,187,52,0.12));
  border-color: rgba(42,186,171,0.35);
}

/* Soften particles on light + mobile */
html[data-theme="light"] .particles-canvas {
  opacity: 0.65;
}
@media (max-width: 768px) {
  html[data-theme="light"] .particles-canvas {
    opacity: 0.5;
    pointer-events: none;
  }
  html[data-theme="light"] body {
    background: var(--bg);
  }
  html[data-theme="light"] .header {
    background: rgba(238, 248, 243, 0.96) !important;
  }
}

/* ── Theme transition ────────────────────────────────────────── */
body,
.header,
.service-card, .tl-card,
.news-media, .news-card,
.form-field, .footer,
.kpi-wrap, .partners-section,
.leader-tree-card__photo,
.mgmt-feature,
.vacancy-card,
.career-vac-card,
.career-benefit-card,
.career-news-card {
  transition:
    background 0.35s ease,
    border-color 0.35s ease,
    color 0.35s ease,
    box-shadow 0.35s ease;
}

/* ── Services page additions (light theme) ─────────────────────── */
html[data-theme="light"] .services-trust-bar {
  border-color: rgba(15,61,54,0.10);
}
html[data-theme="light"] .stb-item::before { background: rgba(15,61,54,0.12) !important; }
html[data-theme="light"] .stb-label { color: var(--fg); }
html[data-theme="light"] .stb-sub { color: var(--fg-muted); }
html[data-theme="light"] .services-process { border-color: rgba(15,61,54,0.10); }
html[data-theme="light"] .sp-step {
  background: var(--card);
  border-color: rgba(196,150,50,0.20);
  box-shadow: var(--shadow-card);
  color: var(--card-fg);
}
html[data-theme="light"] .sp-meta {
  color: var(--card-fg-dim);
  border-color: rgba(20,40,32,0.10);
  background: rgba(255,255,255,0.45);
}
html[data-theme="light"] .sp-step + .sp-step { border-color: rgba(196,150,50,0.16); }
html[data-theme="light"] .sp-desc { color: var(--card-fg-muted); }
html[data-theme="light"] .services-cta { border-color: rgba(15,61,54,0.10); }
html[data-theme="light"] .services-cta::before {
  background: radial-gradient(ellipse at center, rgba(42,186,171,0.12) 0%, transparent 68%);
}
html[data-theme="light"] .services-cta-btn { color: #fff; }