/* Forest is the focal point; paper and sage give the learning space room. */
:root {
  --bg: #f6f5f0;
  --surface: #fffefa;
  --paper: #fffefa;
  --ink: #233f35;
  --ink-strong: #233f35;
  --muted: #627064;
  --ink-secondary: #56665a;
  --green: #244d3e;
  --green-dark: #193c2e;
  --line: #dde2d9;
  --line-soft: #dde2d9;
  --wash: #eef2e9;
  --gold-ink: #806737;
}

/* The navigation supports the workspace rather than framing it in dark ink. */
.sidebar {
  background: #fffefa;
  border-right: 1px solid var(--line);
  color: var(--ink);
}
.sidebar .brand { color: var(--ink); }
.brand-icon {
  background: #eef2e9;
  border-color: #aebda8;
  color: #315b43;
}
.sidebar .brand small, .sidebar .nav-label { color: #627064; }
.sidebar nav button { color: #56665a; }
.sidebar nav button:hover { background: #f2f5ed; }
.sidebar nav button.active {
  background: #eaf0e4;
  color: #244d3e;
  box-shadow: inset 2px 0 #92733c;
}
.sidebar nav button.active i { background: #806737; }
.sidebar-bottom .small-leaf { color: #557054; }
.sidebar-bottom p { color: #637062; }
.sidebar-bottom .text-link { color: #365c46; }
.sidebar .local-status { color: #627064; border-color: var(--line); }
.sidebar .local-status i { background: #55784f; }
.sidebar .local-status.storage-unavailable { color: #805329; }
.sidebar .local-status.storage-unavailable i { background: #9e6d35; }
.sidebar nav button:focus-visible, .quick-grid button:focus-visible {
  outline: 3px solid #426950;
  outline-offset: 3px;
}
.topbar { background: #faf9f5; border-color: var(--line); }
.avatar { color: #536549; background: #eaf0e4; border-color: #fffefa; }

/* The single dark feature card remains the clearest starting point. */
.smart-entry { background: #234635; border-color: #385c43; }
.smart-entry > .button { background: #faf8ef; color: #234635; }
.smart-entry > .button:hover { background: #eee9d9; }
.smart-entry > .button svg { color: #806737; }

/* Keep the reading room, with a light veil supporting dark, readable copy. */
.atelier-hero { background-color: #eef1e7; border-color: #d6ded0; }
.atelier-hero::before {
  background: linear-gradient(90deg, #fcfbf7fc 0%, #fcfbf7f7 38%, #fcfbf7ed 58%, #fcfbf799 73%, #fcfbf71a 100%);
}
.atelier-hero .hero-copy { max-width: 58%; }
.atelier-hero h2 { color: #233f35; }
.atelier-hero .eyebrow { color: #806737; }
.atelier-hero p { color: #56665a; }
.atelier-hero .hero-cta { color: #244d3e; }
.atelier-hero .hero-cta svg { color: #806737; }
.atelier-hero .image-credit {
  color: #fcfbf7;
  background: #233f35d9;
  padding: 3px 6px;
  border-radius: 3px;
}

/* The timer is a quiet paper instrument, with the action kept in forest. */
.focus-panel {
  background: #f8faf5;
  background-image: none;
  color: #233f35;
  border-color: #d5dfce;
}
.focus-panel .panel-label { color: #806737; }
.focus-panel h3, .focus-panel .timer-display { color: #244d3e; }
.focus-panel p, .focus-panel .focus-hint { color: #56665a; }
.focus-panel .button { color: #fffefa; background: #244d3e; }
.focus-panel .button:hover { background: #193c2e; }
.rail .coach-entry, .recall-teaser, .next-action, .composer, .today-desk {
  background: #fffefa;
  border-color: #dde2d9;
}
.study-entry { background: #f8f9f4; border-color: #d8e0d1; }
.coach-entry .button { background: #244d3e; color: #fffefa; }
.coach-entry .button:hover { background: #193c2e; }
.quick-grid button, .quick-grid button:first-child {
  background: #f2f5ed;
  border-color: #dce4d4;
  color: #31583f;
}
.quick-grid button:hover, .quick-grid button:first-child:hover { background: #e7eee0; }
.desk-metrics > div:last-child b { color: #806737; }
.week-summary { color: #627064; }
.week-summary b { color: #365c46; }

/* Sage communicates selection; brass is limited to a fine marker or a number. */
.mini-day.today b { background: #eaf0e4; color: #244d3e; box-shadow: inset 0 -2px #92733c; }
.filter-button.active { color: #244d3e; background: #eaf0e4; }
.day-select.active { color: #244d3e; background: #eaf0e4; border-color: #9aab8d; }
.day-select.active .weekday, .day-select.active small { color: #435a44; }
.day-select.active .day-load { background: #d6e0ce; }
.day-select.active .day-load i { background: #587a50; }

@media (max-width: 650px) {
  .sidebar { background: #fffefaf5; border-right: 0; border-top-color: #dde2d9; }
  .sidebar nav button.active { background: #eaf0e4; border-radius: 7px; }
  .sidebar nav button.active svg { fill: #dce8d4; }
  .topbar { background: #faf9f5; }
  .mobile-brand .brand-icon { background: #eef2e9; color: #315b43; border-color: #aebda8; }
  .atelier-hero::before {
    background: linear-gradient(90deg, #fcfbf7fc 0%, #fcfbf7f7 55%, #fcfbf7f0 76%, #fcfbf7cc 100%);
  }
  .atelier-hero .hero-copy { max-width: 88%; }
  .atelier-hero h2 { font-size: clamp(24px, 7.4vw, 29px); }
}

@media (forced-colors: active) {
  .smart-entry, .focus-panel, .atelier-hero { border: 1px solid CanvasText; }
  .sidebar nav button.active, .day-select.active, .mini-day.today b { outline: 1px solid Highlight; }
  .atelier-hero::before { background: Canvas; }
}