/* ATDEdu ortak tema katmanı.
   Koyu görünüm mevcut tasarımın varsayılanı olarak korunur; açık palet yalnızca
   html[data-theme="light"] altında devreye girer. */

:root {
  --theme-switch-duration: 180ms;
  --theme-switch-easing: ease;
  --theme-link: #0b6b38;
  --theme-link-hover: #064d29;
}

/* Tema denetimi — masaüstü üst menüsü ve mobil açılır menü aynı JS durumunu paylaşır. */
.header-actions { gap: 10px; }
.theme-toggle {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid var(--neon-line);
  border-radius: 9px;
  background: rgba(57, 255, 136, .07);
  color: #d9ffe9;
  box-shadow: var(--glow-rest);
  font: inherit;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color var(--theme-switch-duration) var(--theme-switch-easing),
              color var(--theme-switch-duration) var(--theme-switch-easing),
              border-color var(--theme-switch-duration) var(--theme-switch-easing),
              box-shadow var(--theme-switch-duration) var(--theme-switch-easing),
              transform .18s ease;
}
.theme-toggle:hover {
  border-color: var(--neon-line-hot);
  background: rgba(57, 255, 136, .16);
  color: #fff;
  box-shadow: var(--glow-hover);
}
.theme-toggle:active { transform: scale(.98); }
.theme-toggle:focus-visible { outline: 2px solid transparent; box-shadow: var(--glow-focus); }
.theme-toggle__icon { width: 17px; height: 17px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.theme-toggle__icon--moon { display: none; }
.theme-toggle--desktop { display: none; }
.js .theme-toggle--desktop { display: inline-flex; }
.theme-toggle--menu { display: none; }
html[data-theme="light"] .theme-toggle__icon--sun { display: none; }
html[data-theme="light"] .theme-toggle__icon--moon { display: block; }

@media (max-width: 820px) {
  .js .theme-toggle--desktop { display: none; }
  .js .theme-toggle--menu {
    display: inline-flex;
    align-self: flex-start;
    min-height: 44px;
    margin: 10px 4px 0;
    padding-inline: 14px;
  }
}

/* Central daylight palette. */
html[data-theme="light"] {
  color-scheme: light;
  --color-bg: #f5f8f6;
  --color-surface: #ffffff;
  --color-surface-raised: #ffffff;
  --color-surface-soft: #edf4ef;
  --color-text: #17231b;
  --color-text-soft: #34443a;
  --color-muted: #53635a;
  --color-faint: #68786e;
  --color-border: #d8e3db;
  --color-border-strong: #aabbb0;
  --theme-link: #0b6536;
  --theme-link-hover: #064b28;
  --theme-accent-text: #08723b;
  --theme-accent-strong: #07582f;
  --theme-accent-wash: #e8f6ec;
  --theme-surface: #ffffff;
  --theme-surface-alt: #f0f5f1;
  --theme-surface-green: #edf8f0;
  --theme-line: #d6e3d9;
  --theme-shadow: 0 14px 34px rgba(24, 63, 38, .08);
  --lab-green: #137a40;
  --lab-cyan: #0b7273;
  --lab-gold: #845d08;
  background: var(--color-bg);
}

html[data-theme="light"],
html[data-theme="light"] body {
  background-color: var(--color-bg) !important;
}
html[data-theme="light"] body {
  background-image: radial-gradient(ellipse 55% 35% at 4% 5%, rgba(24, 126, 63, .055), transparent 72%), var(--color-bg) !important;
  color: var(--color-text) !important;
}
html[data-theme="light"] ::selection { background: #baf2c9; color: #102519; }
html[data-theme="light"] :focus-visible { outline-color: #08723b; }

/* Readable default text; accented headings and status labels are refined below. */
html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6) { color: #17231b !important; }
html[data-theme="light"] :is(p,li,dt,dd,small,figcaption,summary,label,legend,th,td,time,span,strong,b) {
  color: #34443a !important;
}
html[data-theme="light"] a:not(.button--light):not(.header-cta) { color: var(--theme-link) !important; }
html[data-theme="light"] a:hover:not(.button--light):not(.header-cta) { color: var(--theme-link-hover) !important; }
html[data-theme="light"] button,
html[data-theme="light"] select,
html[data-theme="light"] input { color: #203027; }
html[data-theme="light"] .hero h1 span,
html[data-theme="light"] .section-heading h2 span,
html[data-theme="light"] .updates-intro h2 span,
html[data-theme="light"] .closing-card h2 span,
html[data-theme="light"] .bio-hero h1 > span,
html[data-theme="light"] .bio-section-heading h2 span,
html[data-theme="light"] .lesson-content-heading h2 span,
html[data-theme="light"] .learning-objectives h2 span {
  background-image: linear-gradient(90deg, #08723b 0%, #0b7374 60%, #315a9b 100%) !important;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

/* Header, navigation and footer. */
html[data-theme="light"] .site-header {
  border-bottom-color: #c9d9ce !important;
  background: rgba(250, 253, 251, .94) !important;
  box-shadow: 0 5px 24px rgba(24, 63, 38, .08) !important;
}
html[data-theme="light"] .site-footer {
  border-top-color: #cad9ce !important;
  background: #eef4f0 !important;
}
html[data-theme="light"] .footer-bottom { border-top-color: #d8e3db !important; }
html[data-theme="light"] .brand-mark {
  border-color: #8ac59e !important;
  background: linear-gradient(145deg, #e5f6e9, #ffffff) !important;
  box-shadow: 0 2px 12px rgba(15, 112, 55, .12) !important;
}
html[data-theme="light"] .brand-mark svg { fill: #08723b !important; }
html[data-theme="light"] .brand-word > span { color: #08723b !important; }
html[data-theme="light"] .primary-navigation a,
html[data-theme="light"] .footer-navigation a,
html[data-theme="light"] .back-to-top { color: #385044 !important; }
html[data-theme="light"] .primary-navigation a:hover,
html[data-theme="light"] .footer-navigation a:hover,
html[data-theme="light"] .back-to-top:hover { color: #07582f !important; }
html[data-theme="light"] .primary-navigation a[aria-current="page"] {
  border-color: #4ca56b !important;
  background: #e4f6e9 !important;
  color: #075c31 !important;
  box-shadow: 0 0 0 1px rgba(8, 114, 59, .09) !important;
}
html[data-theme="light"] .header-cta,
html[data-theme="light"] .button--light,
html[data-theme="light"] .photo-lab .lab-quiz-actions button[type="submit"] {
  color: #062a16 !important;
  text-shadow: none !important;
  box-shadow: 0 2px 12px rgba(12, 120, 55, .17) !important;
}
html[data-theme="light"] .button--light:hover,
html[data-theme="light"] .header-cta:hover,
html[data-theme="light"] .photo-lab .lab-quiz-actions button[type="submit"]:hover {
  color: #042411 !important;
  box-shadow: 0 4px 16px rgba(12, 120, 55, .22) !important;
}
html[data-theme="light"] .button--quiet,
html[data-theme="light"] .menu-toggle,
html[data-theme="light"] .photo-lab button {
  border-color: #9bc9a8 !important;
  background: #f1f8f3 !important;
  color: #15522e !important;
  box-shadow: 0 1px 5px rgba(22, 88, 48, .07) !important;
}
html[data-theme="light"] .button--quiet:hover,
html[data-theme="light"] .menu-toggle:hover,
html[data-theme="light"] .photo-lab button:hover {
  border-color: #3e9b5c !important;
  background: #e4f5e9 !important;
  color: #064b28 !important;
  box-shadow: 0 3px 12px rgba(22, 88, 48, .12) !important;
}
html[data-theme="light"] .theme-toggle {
  border-color: #9bcba9;
  background: #edf8f0;
  color: #15522e;
  box-shadow: 0 1px 7px rgba(22, 88, 48, .08);
}
html[data-theme="light"] .theme-toggle:hover {
  border-color: #4a9e63;
  background: #e2f4e7;
  color: #064b28;
  box-shadow: 0 3px 14px rgba(22, 88, 48, .14);
}
html[data-theme="light"] .theme-toggle:focus-visible { outline: 2px solid #08723b; outline-offset: 3px; box-shadow: 0 0 0 3px #fff, 0 0 0 5px #08723b; }
html[data-theme="light"] .skip-link {
  border-color: #08723b !important;
  background: #39ff88 !important;
  color: #062a16 !important;
  box-shadow: 0 3px 14px rgba(12, 120, 55, .18) !important;
}

/* Shared accent labels — dark emerald keeps the neon hue legible on pale surfaces. */
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .section-eyebrow,
html[data-theme="light"] .section-number,
html[data-theme="light"] .lesson-chapter__eyebrow,
html[data-theme="light"] .field-label,
html[data-theme="light"] .feature-label,
html[data-theme="light"] .topic-map-card__type,
html[data-theme="light"] .subject-type,
html[data-theme="light"] .update-tag,
html[data-theme="light"] .course-topic-card__button,
html[data-theme="light"] .course-status,
html[data-theme="light"] .status-pill,
html[data-theme="light"] .lesson-pagination .pagination-direction,
html[data-theme="light"] .lesson-pagination .pagination-arrow,
html[data-theme="light"] .objective-list li span,
html[data-theme="light"] .comparison-table thead th,
html[data-theme="light"] .materials-table thead th,
html[data-theme="light"] .lesson-summary li::marker,
html[data-theme="light"] .lesson-copy li::marker {
  color: var(--theme-accent-text) !important;
}
html[data-theme="light"] .hero-note p,
html[data-theme="light"] .subjects-footnote,
html[data-theme="light"] .footer-note,
html[data-theme="light"] .footer-bottom,
html[data-theme="light"] .bio-hero__meta,
html[data-theme="light"] .bio-hero__bottom,
html[data-theme="light"] .dashboard-corner,
html[data-theme="light"] .course-topic-card__meta,
html[data-theme="light"] .course-topic-card__index,
html[data-theme="light"] .course-topic-card__outline-head,
html[data-theme="light"] .lesson-sidebar__inner > p,
html[data-theme="light"] .lesson-sidebar__inner > p span,
html[data-theme="light"] .topic-map-card__number,
html[data-theme="light"] .lesson-sidebar nav a span,
html[data-theme="light"] .chapter-visual figcaption span,
html[data-theme="light"] .pdf-resource__status {
  color: #5c6b61 !important;
}
html[data-theme="light"] .text-link,
html[data-theme="light"] .page-breadcrumb a,
html[data-theme="light"] .bio-hero__meta a,
html[data-theme="light"] .course-source-note > a,
html[data-theme="light"] .curriculum-scope-card > a,
html[data-theme="light"] .course-topic-card__button,
html[data-theme="light"] .topic-map-card__main-link,
html[data-theme="light"] .lesson-sidebar__back,
html[data-theme="light"] .reference-list a {
  color: #0b6536 !important;
}
html[data-theme="light"] .text-link:hover,
html[data-theme="light"] .page-breadcrumb a:hover,
html[data-theme="light"] .bio-hero__meta a:hover,
html[data-theme="light"] .course-source-note > a:hover,
html[data-theme="light"] .curriculum-scope-card > a:hover,
html[data-theme="light"] .lesson-sidebar__back:hover,
html[data-theme="light"] .reference-list a:hover {
  color: #064b28 !important;
  text-shadow: none !important;
}
html[data-theme="light"] .eyebrow-dot,
html[data-theme="light"] .status-pill__dot,
html[data-theme="light"] .course-status > span { background: #0c8a43 !important; box-shadow: 0 0 8px rgba(12, 138, 67, .25) !important; }

/* Main sections and reusable cards. */
html[data-theme="light"] .subjects-section,
html[data-theme="light"] .features-section,
html[data-theme="light"] .learning-section,
html[data-theme="light"] .updates-section,
html[data-theme="light"] .course-topic-section,
html[data-theme="light"] .topic-map-section,
html[data-theme="light"] .lesson-content-section,
html[data-theme="light"] .curriculum-scope-section,
html[data-theme="light"] .reference-section,
html[data-theme="light"] .learning-objectives {
  border-color: #dde7df !important;
  background: #f1f5f2 !important;
}
html[data-theme="light"] .hero,
html[data-theme="light"] .bio-hero,
html[data-theme="light"] .closing-section { background: transparent !important; }
html[data-theme="light"] .hero::before,
html[data-theme="light"] .bio-hero::before,
html[data-theme="light"] .learning-section::before,
html[data-theme="light"] .closing-card__texture {
  border-color: rgba(24, 94, 48, .09) !important;
  box-shadow: 0 0 0 48px rgba(24, 94, 48, .025), 0 0 0 96px rgba(24, 94, 48, .016) !important;
}
html[data-theme="light"] .hero-bottom-rule {
  background: linear-gradient(90deg, transparent, rgba(10, 117, 57, .35) 12%, rgba(11, 115, 116, .3) 88%, transparent) !important;
}
html[data-theme="light"] .hero-bottom-rule span { background: #08723b !important; box-shadow: 0 0 9px rgba(8, 114, 59, .35) !important; }
html[data-theme="light"] .hero-dashboard,
html[data-theme="light"] .bio-hero__art,
html[data-theme="light"] .closing-card,
html[data-theme="light"] .visual-caption,
html[data-theme="light"] .lesson-preview,
html[data-theme="light"] .subject-card,
html[data-theme="light"] .learning-card,
html[data-theme="light"] .course-topic-card,
html[data-theme="light"] .course-source-note,
html[data-theme="light"] .course-topic-card__outline,
html[data-theme="light"] .topic-map-card,
html[data-theme="light"] .curriculum-scope-card,
html[data-theme="light"] .pdf-ready-note,
html[data-theme="light"] .topic-visual-gallery .visual-gallery__figure,
html[data-theme="light"] .lab-entry > a {
  border-color: #d2e0d6 !important;
  background: linear-gradient(145deg, #ffffff, #f3f8f4 82%) !important;
  box-shadow: 0 10px 28px rgba(25, 64, 39, .075) !important;
}
html[data-theme="light"] .hero-dashboard,
html[data-theme="light"] .bio-hero__art,
html[data-theme="light"] .closing-card,
html[data-theme="light"] .lab-entry > a {
  background-image: radial-gradient(ellipse at 84% 30%, rgba(57, 255, 136, .11), transparent 48%), linear-gradient(145deg, #ffffff, #eff7f1 82%) !important;
}
html[data-theme="light"] .visual-caption,
html[data-theme="light"] .lesson-preview { color: #26372c !important; }
html[data-theme="light"] .lesson-preview::before {
  border-color: #c8d9cd !important;
  background: #f4f8f5 !important;
}
html[data-theme="light"] .lesson-preview__top,
html[data-theme="light"] .dashboard-topline,
html[data-theme="light"] .dashboard-status,
html[data-theme="light"] .dashboard-kicker,
html[data-theme="light"] .dashboard-bottom span,
html[data-theme="light"] .lesson-preview__top-index,
html[data-theme="light"] .lesson-preview__number,
html[data-theme="light"] .lesson-preview__footer { color: #607066 !important; }
html[data-theme="light"] .dashboard-topline,
html[data-theme="light"] .dashboard-bottom,
html[data-theme="light"] .lesson-preview__top,
html[data-theme="light"] .lesson-preview__row { border-color: #d9e5dc !important; }
html[data-theme="light"] .dashboard-brand__mark,
html[data-theme="light"] .orbit-node,
html[data-theme="light"] .orbit-core,
html[data-theme="light"] .subject-icon,
html[data-theme="light"] .feature-item__icon,
html[data-theme="light"] .learning-card__icon,
html[data-theme="light"] .update-item__symbol,
html[data-theme="light"] .course-topic-card__symbol,
html[data-theme="light"] .course-source-note__mark,
html[data-theme="light"] .curriculum-scope-card__mark,
html[data-theme="light"] .pdf-ready-note__icon,
html[data-theme="light"] .lesson-chapter__number,
html[data-theme="light"] .topic-map-card__number,
html[data-theme="light"] .section-number,
html[data-theme="light"] .pdf-resource__icon {
  border-color: #bad5c2 !important;
  background: #edf7f0 !important;
  color: #08723b !important;
  box-shadow: none !important;
}
html[data-theme="light"] .orbit-ring,
html[data-theme="light"] .topic-orbit__ring { border-color: rgba(27, 91, 49, .2) !important; }
html[data-theme="light"] .orbit-core,
html[data-theme="light"] .topic-orbit__core { background: linear-gradient(145deg, #ffffff, #e8f4eb) !important; }
html[data-theme="light"] .orbit-core > span,
html[data-theme="light"] .closing-card__mark > span,
html[data-theme="light"] .energy-diagram__atp b,
html[data-theme="light"] .topic-orbit__core b { color: #08723b !important; text-shadow: none !important; }
html[data-theme="light"] .orbit-node,
html[data-theme="light"] .topic-orbit__node,
html[data-theme="light"] .topic-orbit__tag { border-color: #afd5bc !important; color: #24533a !important; }
html[data-theme="light"] .orbit-ring--outer::before,
html[data-theme="light"] .dashboard-status > span,
html[data-theme="light"] .lesson-preview__dot { background: #16894a !important; box-shadow: 0 0 8px rgba(22, 137, 74, .25) !important; }
html[data-theme="light"] .lesson-preview__line,
html[data-theme="light"] .mini-stack span,
html[data-theme="light"] .practice-mark span,
html[data-theme="light"] .practice-mark i { border-color: #cedbd1 !important; background: #eaf2ec !important; color: #376049 !important; box-shadow: none !important; }
html[data-theme="light"] .dashboard-small-line,
html[data-theme="light"] .hero-note__line,
html[data-theme="light"] .art-footer-line { background: linear-gradient(90deg, #08723b, #0b7374) !important; }
html[data-theme="light"] .energy-diagram__sun,
html[data-theme="light"] .energy-diagram__leaf,
html[data-theme="light"] .energy-diagram__atp { background: #ffffff !important; border-color: #bad5c2 !important; box-shadow: 0 4px 15px rgba(25,64,39,.08) !important; }
html[data-theme="light"] .energy-diagram__sun { color: #895f00 !important; border-color: #d4bc78 !important; }
html[data-theme="light"] .energy-diagram__leaf svg { stroke: #08723b !important; }
html[data-theme="light"] .energy-diagram__connector { background: linear-gradient(90deg, transparent, #08723b, transparent) !important; }
html[data-theme="light"] .energy-diagram__connector::after { border-color: #08723b !important; }

/* Biology landing, unit map and topic reading pages. */
html[data-theme="light"] .page-breadcrumb ol,
html[data-theme="light"] .bio-hero__description,
html[data-theme="light"] .bio-hero__meta,
html[data-theme="light"] .bio-hero__art-head,
html[data-theme="light"] .bio-hero__art-footer,
html[data-theme="light"] .bio-hero__bottom,
html[data-theme="light"] .section-description,
html[data-theme="light"] .course-topic-card__main > p,
html[data-theme="light"] .course-source-note p,
html[data-theme="light"] .topic-map-card > p,
html[data-theme="light"] .lesson-content-heading > p,
html[data-theme="light"] .lesson-copy,
html[data-theme="light"] .lesson-copy p,
html[data-theme="light"] .lesson-copy li,
html[data-theme="light"] .lesson-copy dd,
html[data-theme="light"] .lesson-copy .lesson-lead,
html[data-theme="light"] .lesson-copy h4,
html[data-theme="light"] .lesson-aside,
html[data-theme="light"] .lesson-figure figcaption,
html[data-theme="light"] .reading-callout p,
html[data-theme="light"] .key-term-list dd,
html[data-theme="light"] .factor-list dd,
html[data-theme="light"] .experiment-facts dd,
html[data-theme="light"] .lesson-summary ul,
html[data-theme="light"] .knowledge-check__intro,
html[data-theme="light"] .question-item summary,
html[data-theme="light"] .question-item__answer,
html[data-theme="light"] .comparison-table td,
html[data-theme="light"] .materials-table td,
html[data-theme="light"] .reference-panel > p,
html[data-theme="light"] .pdf-ready-note p {
  color: #3b4a40 !important;
}
html[data-theme="light"] .bio-hero__description strong,
html[data-theme="light"] .lesson-copy strong,
html[data-theme="light"] .question-item__answer strong,
html[data-theme="light"] .lesson-figure figcaption strong,
html[data-theme="light"] .key-term-list dt,
html[data-theme="light"] .factor-list dt,
html[data-theme="light"] .experiment-facts dt,
html[data-theme="light"] .lesson-summary h3,
html[data-theme="light"] .knowledge-check h3,
html[data-theme="light"] .reference-panel h2,
html[data-theme="light"] .pdf-ready-note h3,
html[data-theme="light"] .curriculum-scope-card h2,
html[data-theme="light"] .topic-map-card h3,
html[data-theme="light"] .course-topic-card h3,
html[data-theme="light"] .lesson-chapter__heading h1,
html[data-theme="light"] .lesson-chapter__heading h2,
html[data-theme="light"] .lesson-copy h3,
html[data-theme="light"] .lesson-copy h4 {
  color: #17251c !important;
}
html[data-theme="light"] .lesson-layout,
html[data-theme="light"] .lesson-sidebar,
html[data-theme="light"] .lesson-chapters,
html[data-theme="light"] .lesson-chapter,
html[data-theme="light"] .chapter-subsection,
html[data-theme="light"] .lesson-pagination { border-color: #dbe5de !important; }
html[data-theme="light"] .lesson-sidebar nav { border-color: #d4e0d7 !important; }
html[data-theme="light"] .lesson-sidebar nav a,
html[data-theme="light"] .topic-page .lesson-sidebar nav a {
  border-color: #d3e2d7 !important;
  background: #ffffff !important;
  color: #385044 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .lesson-sidebar nav a:hover,
html[data-theme="light"] .topic-page .lesson-route .lesson-sidebar nav a:hover {
  border-color: #65ae7b !important;
  background: #edf8f0 !important;
  color: #07582f !important;
  box-shadow: 0 2px 10px rgba(14, 111, 52, .1) !important;
}
html[data-theme="light"] .topic-page .lesson-route .lesson-sidebar nav a[aria-current="page"] {
  border-color: #55a66e !important;
  background: linear-gradient(90deg, #e2f5e7, #eef8f0) !important;
  color: #07582f !important;
  box-shadow: inset 3px 0 #128343, 0 1px 7px rgba(14, 111, 52, .08) !important;
}
html[data-theme="light"] .lesson-chapter__number { background: #e9f6ec !important; color: #08723b !important; }
html[data-theme="light"] .chapter-explanation,
html[data-theme="light"] .chapter-subtopic,
html[data-theme="light"] .chapter-note,
html[data-theme="light"] .pdf-resource,
html[data-theme="light"] .chapter-visual,
html[data-theme="light"] .lesson-figure,
html[data-theme="light"] .table-scroll,
html[data-theme="light"] .lesson-summary,
html[data-theme="light"] .knowledge-check,
html[data-theme="light"] .reference-panel,
html[data-theme="light"] .pdf-ready-note {
  border-color: #d5e1d8 !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(23, 59, 35, .055) !important;
}
html[data-theme="light"] .chapter-visual__canvas { background: radial-gradient(ellipse at center, rgba(17, 126, 61, .06), transparent 70%) !important; color: #25372c !important; }
html[data-theme="light"] .atp-structure__unit,
html[data-theme="light"] .atp-phosphates b,
html[data-theme="light"] .equation-visual__light { border-color: #b9d5c1 !important; background: #edf7f0 !important; color: #1c4a2c !important; }
html[data-theme="light"] .equation-visual,
html[data-theme="light"] .equation-visual > b,
html[data-theme="light"] .atp-structure > i,
html[data-theme="light"] .atp-structure__caption,
html[data-theme="light"] .equation-visual__caption { color: #34483b !important; }
html[data-theme="light"] .reading-callout,
html[data-theme="light"] .lesson-route .reading-callout {
  border-color: #c6dce9 !important;
  border-left-color: #247da3 !important;
  background: linear-gradient(100deg, #edf7fb, #f7fbfd) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .reading-callout__label { color: #175f82 !important; }
html[data-theme="light"] .reading-callout--example,
html[data-theme="light"] .lesson-route .reading-callout--example {
  border-color: #bfe2d6 !important;
  border-left-color: #087b72 !important;
  background: linear-gradient(100deg, #eaf7f2, #f7fbf8) !important;
}
html[data-theme="light"] .reading-callout--example .reading-callout__label { color: #08665e !important; }
html[data-theme="light"] .reading-callout--caution,
html[data-theme="light"] .lesson-route .reading-callout--caution {
  border-color: #d8ccef !important;
  border-left-color: #7154a6 !important;
  background: linear-gradient(100deg, #f3effa, #fbf9fd) !important;
}
html[data-theme="light"] .reading-callout--caution .reading-callout__label { color: #5c438d !important; }
html[data-theme="light"] .comparison-table th,
html[data-theme="light"] .comparison-table td,
html[data-theme="light"] .materials-table th,
html[data-theme="light"] .materials-table td,
html[data-theme="light"] .question-item,
html[data-theme="light"] .key-term-list,
html[data-theme="light"] .key-term-list dt,
html[data-theme="light"] .key-term-list dd,
html[data-theme="light"] .factor-list,
html[data-theme="light"] .factor-list dt,
html[data-theme="light"] .factor-list dd,
html[data-theme="light"] .experiment-facts,
html[data-theme="light"] .experiment-facts > div { border-color: #dce6df !important; }
html[data-theme="light"] .question-item summary:hover,
html[data-theme="light"] .question-item[open] summary,
html[data-theme="light"] .lesson-route .question-item[open] summary {
  border-color: #9acaaa !important;
  background: #eff8f1 !important;
  color: #174a2d !important;
  box-shadow: none !important;
}
html[data-theme="light"] .question-item summary::before {
  border-color: #65aa79 !important;
  background: #f5fbf6 !important;
  color: #08723b !important;
  box-shadow: none !important;
}
html[data-theme="light"] .question-item[open] summary::before { background: #39ff88 !important; color: #062a16 !important; }
html[data-theme="light"] .lesson-pagination a {
  border-color: #d2e0d6 !important;
  background: #ffffff !important;
  color: #28513a !important;
  box-shadow: 0 4px 14px rgba(25, 64, 39, .06) !important;
}
html[data-theme="light"] .lesson-pagination a:hover { border-color: #75b485 !important; background: #f0f8f2 !important; }
html[data-theme="light"] .topic-map-card:hover,
html[data-theme="light"] .subject-card:hover,
html[data-theme="light"] .learning-card:hover { border-color: #7cb78b !important; background: #f7fbf8 !important; }
html[data-theme="light"] .topic-map-card__number { border-color: #b8d5c0 !important; background: #eff8f1 !important; }
html[data-theme="light"] .topic-map-card__links,
html[data-theme="light"] .course-topic-card__outline-head { border-color: #d8e4dc !important; }
html[data-theme="light"] .topic-map-card__links a::before,
html[data-theme="light"] .reference-list a::before { color: #0b7273 !important; }
html[data-theme="light"] .topic-map-card__links a:hover { color: #07582f !important; }
html[data-theme="light"] .course-topic-card__outline { border-color: #d5e1d9 !important; background: #f4f8f5 !important; }
html[data-theme="light"] .course-topic-card__outline li a { border-color: transparent !important; color: #385044 !important; }
html[data-theme="light"] .course-topic-card__outline li a:hover { border-color: #8dc39b !important; background: #e9f7ed !important; color: #07582f !important; }

/* Low-contrast decorative details become subtle rather than disappearing on white. */
html[data-theme="light"] .hero-note__line,
html[data-theme="light"] .dashboard-small-line,
html[data-theme="light"] .art-footer-line { background: #7fb38d !important; }
html[data-theme="light"] .hero-bottom-rule { background: linear-gradient(90deg, transparent, #bfd4c4 12%, #bfd4c4 88%, transparent) !important; }
html[data-theme="light"] .hero-dashboard::after,
html[data-theme="light"] .bio-hero__art::after { border-color: rgba(27, 91, 49, .09) !important; box-shadow: 0 0 0 34px rgba(27, 91, 49, .025), 0 0 0 70px rgba(27, 91, 49, .015) !important; }
html[data-theme="light"] .bio-hero__art-mark,
html[data-theme="light"] .dashboard-topline__slash,
html[data-theme="light"] .dashboard-corner { color: #5c6b61 !important; }
html[data-theme="light"] .bio-hero__meta > i { background: #9fb4a5 !important; }
html[data-theme="light"] .energy-diagram__sun small,
html[data-theme="light"] .energy-diagram__atp small { color: #5b6b60 !important; }

/* Fotosentez laboratuvarı — panels, data graph, inputs, cards and assessment. */
html[data-theme="light"] .photo-lab {
  color: #233329 !important;
  border-block-color: #cbded0 !important;
  background-color: #f2f7f3 !important;
  background-image: radial-gradient(ellipse at 90% 5%, rgba(31, 143, 77, .09), transparent 45%), linear-gradient(rgba(41, 105, 61, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(41, 105, 61, .045) 1px, transparent 1px) !important;
  background-size: auto, 48px 48px, 48px 48px !important;
}
html[data-theme="light"] .photo-lab :is(h2,h3,h4) { color: #17251c !important; }
html[data-theme="light"] .photo-lab p,
html[data-theme="light"] .photo-lab .lab-note,
html[data-theme="light"] .photo-lab .lab-controls > p,
html[data-theme="light"] .photo-lab .lab-reading p,
html[data-theme="light"] .photo-lab .lab-bench p,
html[data-theme="light"] .photo-lab .lab-bench figcaption,
html[data-theme="light"] .photo-lab .lab-card summary small,
html[data-theme="light"] .photo-lab .lab-part-buttons button { color: #3b4a40 !important; }
html[data-theme="light"] .photo-lab .lab-kicker { color: #0c6545 !important; }
html[data-theme="light"] .photo-lab .lab-heading { border-left-color: #0b7273 !important; }
html[data-theme="light"] .photo-lab .lab-heading h2 span { color: #0b7273 !important; text-shadow: none !important; }
html[data-theme="light"] .photo-lab .lab-nav a {
  border-color: #c5ddcc !important;
  background: #ffffff !important;
  color: #15522e !important;
  box-shadow: 0 2px 8px rgba(22, 88, 48, .06) !important;
}
html[data-theme="light"] .photo-lab .lab-nav a:hover { border-color: #56a36e !important; background: #eaf7ed !important; }
html[data-theme="light"] .photo-lab .lab-panel {
  border-color: #d0e0d5 !important;
  background: linear-gradient(145deg, #ffffff, #f4f8f5 85%) !important;
  box-shadow: 0 12px 30px rgba(27, 66, 40, .07) !important;
}
html[data-theme="light"] .photo-lab .lab-panel:target { border-color: #74b285 !important; }
html[data-theme="light"] .photo-lab .lab-panel h3,
html[data-theme="light"] #photo-quiz legend { color: #17251c !important; }
html[data-theme="light"] .photo-lab button,
html[data-theme="light"] .photo-lab select {
  border-color: #9ec9a9 !important;
  background: #f7fbf8 !important;
  color: #16492b !important;
}
html[data-theme="light"] .photo-lab button:hover,
html[data-theme="light"] .photo-lab select:hover { border-color: #388e54 !important; background: #e9f6ec !important; }
html[data-theme="light"] .photo-lab .lab-bench {
  border-color: #cbded1 !important;
  background: radial-gradient(ellipse at 45% 50%, rgba(17, 114, 115, .08), transparent 65%), #eaf2ec !important;
  box-shadow: inset 0 0 32px rgba(29, 76, 43, .045) !important;
}
html[data-theme="light"] .photo-lab .lab-bench::before { background: radial-gradient(ellipse at 45% 20%, rgba(188, 144, 44, .1), transparent 55%) !important; }
html[data-theme="light"] .photo-lab .lab-controls,
html[data-theme="light"] .photo-lab .lab-chart {
  border-color: #d1e0d6 !important;
  background: #ffffff !important;
  box-shadow: 0 6px 18px rgba(25, 64, 39, .06) !important;
}
html[data-theme="light"] .photo-lab .lab-controls:hover,
html[data-theme="light"] .photo-lab .lab-controls:focus-within,
html[data-theme="light"] .photo-lab .lab-chart:hover,
html[data-theme="light"] .photo-lab .lab-chart:focus-within { border-color: #83b88f !important; box-shadow: 0 5px 16px rgba(25, 98, 48, .1) !important; }
html[data-theme="light"] .photo-lab .lab-controls label { color: #2f4236 !important; }
html[data-theme="light"] .photo-lab label[for="photo-light"],
html[data-theme="light"] .photo-lab #light-value { color: #795500 !important; }
html[data-theme="light"] .photo-lab label[for="photo-co2"],
html[data-theme="light"] .photo-lab #co2-value { color: #08723b !important; }
html[data-theme="light"] .photo-lab label[for="photo-temperature"],
html[data-theme="light"] .photo-lab #temperature-value { color: #914b20 !important; }
html[data-theme="light"] .photo-lab #photo-light { accent-color: #9a6a00 !important; }
html[data-theme="light"] .photo-lab #photo-co2 { accent-color: #08723b !important; }
html[data-theme="light"] .photo-lab #photo-temperature { accent-color: #a45125 !important; }
html[data-theme="light"] .photo-lab .lab-reading,
html[data-theme="light"] .photo-lab .lab-explanation {
  border-color: #bfdbca !important;
  background: linear-gradient(120deg, #e8f5ec, #f4faf5) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.7) !important;
}
html[data-theme="light"] .photo-lab .lab-reading > span { color: #476453 !important; }
html[data-theme="light"] .photo-lab .lab-reading strong,
html[data-theme="light"] .photo-lab #quiz-result { color: #08723b !important; text-shadow: none !important; }
html[data-theme="light"] .photo-lab .lab-chart > .lab-kicker,
html[data-theme="light"] .photo-lab .lab-chart-key,
html[data-theme="light"] .photo-lab .lab-card p,
html[data-theme="light"] .photo-lab #photo-quiz fieldset { border-color: #dbe6de !important; }
html[data-theme="light"] .photo-lab .graph-grid { stroke: #d7e2da !important; }
html[data-theme="light"] .photo-lab .graph-axis { stroke: #5e7465 !important; }
html[data-theme="light"] .photo-lab .graph-labels { fill: #33473a !important; }
html[data-theme="light"] .photo-lab #graph-curve { stroke: #0b743b !important; }
html[data-theme="light"] .photo-lab #graph-point { fill: #a1730b !important; stroke: #ffffff !important; }
html[data-theme="light"] .photo-lab .lab-chart-key span:first-child { color: #08723b !important; }
html[data-theme="light"] .photo-lab .lab-chart-key span:last-child { color: #795500 !important; }
html[data-theme="light"] .photo-lab .lab-task { border-color: #cbded1 !important; background: #f7faf7 !important; }
html[data-theme="light"] .photo-lab .chloroplast-map {
  border-color: #cddfd3 !important;
  background: radial-gradient(ellipse, rgba(22, 130, 79, .075), transparent 75%), #f8fbf8 !important;
  box-shadow: 0 4px 14px rgba(25, 64, 39, .06) !important;
}
html[data-theme="light"] .photo-lab .chloroplast-map text { fill: #263d30 !important; }
html[data-theme="light"] .photo-lab .chloroplast-map [data-part="envelope"] > rect:first-child { fill: #e7f3e9 !important; stroke: #70a982 !important; }
html[data-theme="light"] .photo-lab .chloroplast-map [data-part="envelope"] > rect:nth-child(2) { stroke: #70a982 !important; }
html[data-theme="light"] .photo-lab .chloroplast-map [data-part="stroma"] > rect,
html[data-theme="light"] .photo-lab .chloroplast-map [data-part="exchange"] > rect { fill: #edf7ef !important; stroke: #8fbd9b !important; }
html[data-theme="light"] .photo-lab .chloroplast-map [data-part="light"] > rect { fill: #e6f4e8 !important; stroke: #388e54 !important; }
html[data-theme="light"] .photo-lab .chloroplast-map [data-part="light"] > path { stroke: #669a72 !important; }
html[data-theme="light"] .photo-lab .chloroplast-map [data-part="calvin"] > circle { fill: #f5f1df !important; stroke: #a1730b !important; }
html[data-theme="light"] .photo-lab .chloroplast-map [data-part="calvin"] > path,
html[data-theme="light"] .photo-lab .chloroplast-map .map-labels > path { stroke: #8e6b20 !important; }
html[data-theme="light"] .photo-lab .lab-part-buttons [aria-pressed="true"] { border-color: #168343 !important; background: #e2f4e7 !important; color: #07582f !important; }
html[data-theme="light"] .photo-lab .lab-card,
html[data-theme="light"] .photo-lab #photo-quiz fieldset label {
  border-color: #d2e0d6 !important;
  background: #ffffff !important;
  color: #34443a !important;
}
html[data-theme="light"] .photo-lab .lab-card:hover,
html[data-theme="light"] .photo-lab .lab-card[open],
html[data-theme="light"] .photo-lab #photo-quiz fieldset label:hover { border-color: #88bd95 !important; background: #f0f8f2 !important; }
html[data-theme="light"] .photo-lab #photo-quiz fieldset label:has(input:checked) { border-color: #29934f !important; background: #e8f6ec !important; }
html[data-theme="light"] .photo-lab .lab-card summary span { color: #08723b !important; }
html[data-theme="light"] .photo-lab .quiz-feedback {
  border-left-color: #9a6a00 !important;
  background: #fff6df !important;
  color: #604711 !important;
}
html[data-theme="light"] .photo-lab .quiz-feedback.is-correct { border-color: #218248 !important; background: #e8f6eb !important; color: #175b31 !important; }
html[data-theme="light"] .photo-lab :is(button,a,input,select,summary,[role="button"]):focus-visible {
  outline: 3px solid #08723b !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px #08723b !important;
}

/* Restrained color transitions only after first paint; motion preferences win. */
html.theme-ready body,
html.theme-ready .site-header,
html.theme-ready .site-footer,
html.theme-ready .hero-dashboard,
html.theme-ready .bio-hero__art,
html.theme-ready .closing-card,
html.theme-ready .subject-card,
html.theme-ready .learning-card,
html.theme-ready .course-topic-card,
html.theme-ready .topic-map-card,
html.theme-ready .lesson-sidebar nav a,
html.theme-ready .lesson-figure,
html.theme-ready .table-scroll,
html.theme-ready .reading-callout,
html.theme-ready .lesson-summary,
html.theme-ready .knowledge-check,
html.theme-ready .photo-lab,
html.theme-ready .photo-lab .lab-panel,
html.theme-ready .photo-lab .lab-controls,
html.theme-ready .photo-lab .lab-chart,
html.theme-ready .photo-lab .lab-card,
html.theme-ready .photo-lab #photo-quiz fieldset label {
  transition: background-color var(--theme-switch-duration) var(--theme-switch-easing),
              background var(--theme-switch-duration) var(--theme-switch-easing),
              color var(--theme-switch-duration) var(--theme-switch-easing),
              border-color var(--theme-switch-duration) var(--theme-switch-easing),
              box-shadow var(--theme-switch-duration) var(--theme-switch-easing);
}
@media (prefers-reduced-motion: reduce) {
  html.theme-ready body,
  html.theme-ready .site-header,
  html.theme-ready .site-footer,
  html.theme-ready .hero-dashboard,
  html.theme-ready .bio-hero__art,
  html.theme-ready .closing-card,
  html.theme-ready .subject-card,
  html.theme-ready .learning-card,
  html.theme-ready .course-topic-card,
  html.theme-ready .topic-map-card,
  html.theme-ready .lesson-sidebar nav a,
  html.theme-ready .lesson-figure,
  html.theme-ready .table-scroll,
  html.theme-ready .reading-callout,
  html.theme-ready .lesson-summary,
  html.theme-ready .knowledge-check,
  html.theme-ready .photo-lab,
  html.theme-ready .photo-lab .lab-panel,
  html.theme-ready .photo-lab .lab-controls,
  html.theme-ready .photo-lab .lab-chart,
  html.theme-ready .photo-lab .lab-card,
  html.theme-ready .photo-lab #photo-quiz fieldset label {
    transition-duration: .01ms !important;
  }
}