/* ============================================
   THEME.CSS — light/dark toggle
   Light = default (no class on body)
   Dark  = body.dark
   ============================================ */

/* ─── LIGHT THEME (default) ─── */
:root {
  --color-bg:           #f9f9f9;
  --color-text:         #1A1A1A;
  --color-surface:      #ffffff;
  --color-surface2:     #f0f0f0;
  --color-border:       #ddd;
  --color-nav-link:     #1A1A1A;
  --color-header-bg:    #f9f9f9;
  --color-input-bg:     #ffffff;
  --color-input-border: #0f0f0f;
  --color-ph:           #555;
  --color-footer-text:  #f9f9f9;
  --color-faq-border:   #ddd;
  --color-card-bg:      rgba(255,255,255,0.9);
  --color-folder-bg:    rgba(255,255,255,0.9);
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

.header            { background-color: var(--color-header-bg); }
.header-nav a      { color: var(--color-nav-link) !important; }
.header-nav .semibold { color: var(--color-nav-link) !important; }

main, section      { background-color: var(--color-bg); }
.first             { background-color: #d4d4d4; }
.zanatki           { background-color: var(--color-accent-dark); }
.trial-banner      { background-color: var(--color-accent2) !important; }
.footer            { background-color: var(--color-accent-dark); }

h1,h2,h3,h4,h5,h6 { color: var(--color-text); }
p                  { color: var(--color-text); }

.zanatki-columns p,.zanatki-columns h3, .zanatki-title{ color: var(--color-bg);}

/* contacts */
.contacts-title    { color: var(--color-text); }
.contacts li a     { color: var(--color-text) !important; }
.contacts li p     { color: var(--color-text); }

/* pricing */
.pricing-title     { color: var(--color-text) !important; }
.pricing           { background-color: var(--color-bg); }

.tape-black .marquee span p{color: var(--color-bg) }

/* teachers */
.evolut-folders    { background-color: var(--color-bg); }
.evolut-folders__tabs button {
  background: #ececec;
  color: #1A1A1A;
  border: none;
}
.teacher-card {
  background: rgba(255,255,255,0.9) !important;
  border-color: var(--color-dark) !important;
}
.folder-card          { background: rgba(255,255,255,0.85) !important; color: #1A1A1A; }
.folder-card h3,
.teacher-card__sub,
.teacher-card__facts h4,
.teacher-card__facts li { color: #1A1A1A; }

/* coming-soon card light */
.coming-soon-card {
  background: rgba(255,255,255,0.85) !important;
}
.coming-soon-card__title { color: #1A1A1A; }
.coming-soon-card__text  { color: #1A1A1A; }

/* modal */
.modal-content {
  background-image: url(/assets/фон_формы.png) !important;
  background-color: transparent !important;
  color: #1A1A1A;
}
.modal-content input {
  background: none !important;
  border-color: #0f0f0f !important;
  color: #1A1A1A !important;
}
.modal-content h2,
.modal-content p,
.modal-content label { color: #1A1A1A; }
.close-modal img       { filter: none; }

/* modal2 */
.modal2-content {
  background-image: url(/assets/фон_формы_горизонтально.png) !important;
  background-color: transparent !important;
  color: #1A1A1A;
}
.modal2-input {
  background: none !important;
  border-color: #0f0f0f !important;
  color: #1A1A1A !important;
}
.modal2-content h2,
.modal2-content p,
.modal2 label,
.modal2-label          { color: #1A1A1A !important; }

/* form dropdowns */
.multi-select,
.single-select {
  background-color: var(--color-white) !important;
  border-color: var(--color-dark) !important;
  color: var(--color-dark) !important;
  background-image: url('/assets/arrow.svg') !important;
}
.multi-select__selected,
.single-select__selected { color: var(--color-dark) !important; }
.multi-select__options,
.single-select__options {
  background: var(--color-white) !important;
  border-color: var(--color-dark) !important;
}
.checkboxes--dropdown .trial-option .checkbox-label p { color: var(--color-dark) !important; }
.single-select__options .custom-radio + .radio-label  { color: var(--color-dark) !important; }
.trial-input {
  background: #fff !important;
  border-color: var(--color-dark) !important;
  color: var(--color-dark) !important;
}
.trial-input::placeholder { color: #555 !important; }

/* faq */
.faq__question  { color: var(--color-text); background-color: transparent; }
.faq__item      { border-color: var(--color-faq-border); }
.faq__answer p  { color: var(--color-text); }

/* subject nav */
.subject-nav-btn {
  background: #ececec;
  color: #1A1A1A;
  border-color: #ddd;
}


/* ─── DARK THEME ─── */
body.dark {
  --color-bg:           #141414;
  --color-text:         #F9F9F9;
  --color-surface:      #1e1e1e;
  --color-surface2:     #252525;
  --color-border:       #333;
  --color-nav-link:     #F9F9F9;
  --color-header-bg:    #141414;
  --color-input-bg:     #252525;
  --color-input-border: var(--color-accent);
  --color-ph:           #888;
  --color-faq-border:   #333;
  --color-card-bg:      rgba(30,30,30,0.95);
  --color-folder-bg:    rgba(30,30,30,0.95);

  background-color: #141414;
  color: #F9F9F9;
}

body.dark .header            { background-color: #141414; }
body.dark .header-nav a      { color: #F9F9F9 !important; }
body.dark .header-nav .semibold { color: #F9F9F9 !important; }

body.dark main,
body.dark section            { background-color: #141414; }
body.dark .first             { background-color: #252525; }
body.dark .zanatki           { background-color: var(--color-accent-dark); }
body.dark .trial-banner      { background-color: var(--color-accent2) !important; }
body.dark .footer            { background-color: #0A1F1A; }

body.dark h1, body.dark h2, body.dark h3,
body.dark h4, body.dark h5, body.dark h6 { color: #F9F9F9; }
body.dark p                  { color: #F9F9F9; }

body.dark .contacts-title    { color: #F9F9F9; }
body.dark .contacts li a     { color: #F9F9F9 !important; }
body.dark .contacts li p     { color: #F9F9F9; }

body.dark .pricing-title     { color: #F9F9F9 !important; }
body.dark .pricing           { background-color: #141414; }

body.dark .evolut-folders    { background-color: #141414; }
body.dark .evolut-folders__tabs button {
  background: #252525;
  color: #F9F9F9;
  border: 1px solid #333;
}
body.dark .teacher-card {
  background: rgba(30,30,30,0.95) !important;
  border-color: var(--color-accent) !important;
}
body.dark .folder-card          { background: rgba(30,30,30,0.95) !important; color: #F9F9F9; }
body.dark .folder-card h3,
body.dark .teacher-card__sub,
body.dark .teacher-card__facts h4,
body.dark .teacher-card__facts li { color: #F9F9F9; }

/* coming-soon card dark */
body.dark .coming-soon-card {
  background: rgba(30,30,30,0.95) !important;
}
body.dark .coming-soon-card__title { color: #F9F9F9; }
body.dark .coming-soon-card__text  { color: #F9F9F9; }

body.dark .modal-content {
  /* background-image: none !important;
  background-color: #1e1e1e !important; */
  color: #F9F9F9;
}
body.dark .modal-content input {
  background: #252525 !important;
  border-color: var(--color-accent) !important;
  color: #F9F9F9 !important;
}
body.dark .modal-content h2,
body.dark .modal-content p,
body.dark .modal-content label  { color: #F9F9F9; }
body.dark .close-modal img       { filter: invert(1); }

body.dark .modal2-content {
  /* background-image: none !important;
  background-color: #1e1e1e !important; */
  color: #F9F9F9;
}
body.dark .modal2-input {
  background: #252525 !important;
  border-color: var(--color-accent) !important;
  color: #F9F9F9 !important;
}
body.dark .modal2-content h2,
body.dark .modal2-content p,
body.dark .modal2 label,
body.dark .modal2-label         { color: #F9F9F9 !important; }

body.dark .multi-select,
body.dark .single-select {
  background-color: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.35) !important;
  color: #F9F9F9 !important;
  background-image: url('/assets/arrow.svg') !important;
  filter: none;
}
body.dark .multi-select__selected,
body.dark .single-select__selected { color: #F9F9F9 !important; }
body.dark .multi-select__options,
body.dark .single-select__options {
  background: #1e1e1e !important;
  border-color: var(--color-accent) !important;
}
body.dark .checkboxes--dropdown .trial-option .checkbox-label p { color: #F9F9F9 !important; }
body.dark .single-select__options .custom-radio + .radio-label  { color: #F9F9F9 !important; }
body.dark .trial-input {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.35) !important;
  color: #F9F9F9 !important;
}
body.dark .trial-input::placeholder { color: rgba(255,255,255,0.6) !important; }

body.dark .faq__question  { color: #F9F9F9; background-color: transparent; }
body.dark .faq__item      { border-color: #333; }
body.dark .faq__answer p  { color: #F9F9F9; }

body.dark .subject-nav-btn {
  background: #252525;
  color: #F9F9F9;
  border-color: #333;
}

body.dark .marquee span P                 { color: #F9F9F9; }
body.dark .tape-green .marquee span P                 { color: #141414; }

body.dark .subject-nav-btn:hover  {background-color: var(--color-accent)}

body.dark ::-webkit-scrollbar-track { background: #141414; }
body.dark ::-webkit-scrollbar-thumb { background: var(--color-accent); }

body.dark .modal-content {
  background-image: url(/assets/фон_формы_dark.png) !important;
}

/* modal2 */
body.dark .modal2-content {
  background-image: url(/assets/фон_формы_горизонтально_dark.png) !important;
}