/* Émeraude et menthe — palette commune à tous les écrans. */
:root {
  --paper: #f5faf8;
  --white: #ffffff;
  --ink: #163e32;
  --muted: #60776c;
  --green: #008568;
  --green-dark: #006f57;
  --sage: #e4f6ed;
  --line: #deebe4;
  --mint: #65e1ad;
  --mint-light: #ddf8ec;
  --green-text: #087a59;
  --soft-text: #60776c;
}

.sidebar, .goal-card, .lesson-row.current, .review-card, .collection-card,
.journal-stats > div, .result-stats, .answer, .era-card { background: var(--white); }
.brand, .page-heading h1, .mobile-brand { color: #104c3b; }
.brand-mark { color: #b9f8db; }
.brand-dot { color: #10aa7e; }
.sidebar-label, .sidebar-art, .breadcrumb, .breadcrumb strong, .nav-item,
.eyebrow, .tiny-label, .edition, .count-pill, .lesson-overline,
.lesson-copy > span:not(.lesson-overline), .lesson-copy small,
.goal-card > p, .goal-ring span, .goal-ring small, .week-day,
.discovery-card .tiny-label, .discovery-card p, .quiet-note,
.footer, .footer button, .status-pill, .journal-stats span,
.era-number, .era-copy > span:last-child, .era-access,
.small-note, .lesson-top-progress small, .question-bottom > span,
.result-stats span, .goal-options span, .setting-row small {
  color: var(--soft-text);
}
.sidebar-art > .icon, .little-stars { color: #8bb7a5; }
.nav-item:hover, .lesson-row:hover { background: #edf8f2; }
.nav-item.active, .mobile-nav button.active {
  background: var(--mint-light);
  color: var(--green-text);
}
.avatar, .avatar.small { background: #dff5ea; }
button:focus-visible, a:focus-visible, input:focus-visible { outline-color: #008568; }

.hero { background: #084d39; }
.hero-shade {
  background: linear-gradient(90deg, rgba(3, 66, 45, .96) 0%, rgba(4, 77, 50, .70) 40%, rgba(12, 92, 59, .04) 100%);
}
.hero-label, .hero-meta { color: #d3f4e4; }
.hero-label > span { background: #72e8b5; }
.hero p { color: #e3f7ec; }
.hero-meta i { background: #b5e7d0; }
.button.gold {
  background: var(--mint);
  color: #074c3a;
  box-shadow: 0 3px 0 #32b685;
}
.button.gold:hover { background: #83ecc0; }
.button.primary { box-shadow: 0 3px 0 #00654e; }
.button.primary:hover { background: var(--green-dark); }
.button.secondary { border-color: #cce4d8; color: #25624b; box-shadow: 0 2px 0 #e1efe7; }
.button.secondary:hover { background: #eaf8f0; }
.button:disabled { background: #e8efeb !important; color: #72857a !important; border-color: #e8efeb !important; }
.text-button { color: #087a59; }
.text-button:hover { color: #005d43; }
.icon-button { color: #607f6e; }
.icon-button:hover { color: var(--green); background: #e7f7ed; }

.chapter-progress, .lesson-top-progress > div { background: #dcefe4; }
.chapter-progress > span, .lesson-top-progress > div > span { background: #10aa7e; }
.lesson-path:before { border-color: #cce5d8; }
.lesson-row.current { border-color: #87d6b3; box-shadow: 0 3px 13px #0085680a; }
.path-node { background: #e7f4ec; color: #49735d; box-shadow: 0 0 0 1px #cce5d8; }
.current .path-node { border-color: #ccf4e1; color: #ffffff; box-shadow: 0 0 0 1px #70cda4; }
.completed .path-node { background: #c9f3dd; }
.row-end { border-color: #cde5d8; color: #4a8b6d; }
.goal-ring { background: conic-gradient(#10aa7e var(--progress), #def3e8 0); }
.goal-ring > div { background: #ffffff; }
.goal-ring strong { color: #09694e; }
.goal-ring .icon { color: #008568; }
.week { border-color: #e7f1eb; }
.week-day b { background: #f3faf6; border-color: #d6e9de; }
.week-day.today b { background: #dcf6e8; border-color: #59b78c; }
.week-day.done b { background: var(--green); color: #ffffff; }

.discovery-card { background: #e5f7ed; border-color: #ccebdc; }
.discovery-art { color: #35916b; }
.discovery-art > span { color: #10aa7e; }
.next-era { background: #fafffc; }
.next-era > div > .icon { color: #63a88a; }
.review-banner { background: #e4f7ec; border-color: #c8e9d8; }
.review-banner > .icon, .review-card-icon { color: #14855e; }
.review-card-icon { background: #def5e8; }
.status-pill { background: #edf6f0; }
.status-pill.ready { color: #087a59; background: #d8f5e6; }
.empty-state { background: #fafffc; border-color: #cce5d7; }
.empty-state > .icon, .journal-stats .icon { color: #58a481; }
.empty-badges .icon { background: #e4f6ec; color: #69a58a; }
.timeline-note { background: #e7f6ee; }
.era-card:hover { border-color: #85cfa9; background: #eefaf3; }
.era-card.available { background: #e0f7e9; border-color: #6bc69a; }
.era-0 .era-symbol { background: #bfeccf; color: #147d51; }

dialog { background: #fbfefc; }
.lesson-header { border-color: var(--line); background: #fbfefcf5; }
.story-paragraph { color: #526f60; }
.fact-box { background: #e6f7ec; }
.fact-box .icon { color: #19895e; }
.fact-box p { color: #3e6d54; }
.sources-list a { background: #eaf8f0; }
.sources-list a:hover { background: #dbf3e5; }
.sources-list a small { color: #60776c; }
.sources-list .icon { color: #3e8f6a; }
.goal-options button.selected { border-color: #5cbf91; background: #dff7e9; }
.question-emblem { background: #ddf6e7; color: #17835a; }
.answer { border-color: #d7e9de; box-shadow: 0 2px 0 #e2eee7; }
.answer:hover:not(:disabled) { background: #eefbf3; border-color: #8ad1ac; }
.answer-letter { border-color: #cfe5d8; color: #587b66; }
.answer.selected { background: #dff7e9; border-color: #36a972; color: #17633e; }
.answer.selected .answer-letter { background: #c2efd5; border-color: #71c695; color: #206f45; }
.answer.correct { background: #d6f5e2; border-color: #30a769; color: #17633e; }
.feedback.success { background: #def7e8; color: #256641; }
.result-stats strong { color: #146b49; }
#toast { background: #006f57; color: #ffffff; border-color: #39ac84; }

@media (max-width:700px) {
  .topbar { background: #ffffff; }
  .mobile-nav { background: #fffffff2; }
  .mobile-nav button { color: var(--soft-text); }
  .mobile-nav button.active { color: var(--green-text); }
  .hero-shade { background: linear-gradient(90deg, #03442ef0, #075c3d99 56%, #0c5c3b0d); }
}