/* Light palette; layout, typography, photographs and canvas output stay shared. */
:root[data-mode="light"] {
  color-scheme: light;
  --bg: #f2f6f3;
  --panel: #ffffff;
  --panel-2: #e9f0eb;
  --text: #20362a;
  --muted: #52675a;
  --green: #16613f;
  --amber: #8c4a04;
  --cyan: #096b80;
  --line: #cbd8cf;
  --shadow: 0 0 28px rgba(22, 97, 63, .06);
}

:root[data-mode="light"] body {
  background:
    radial-gradient(circle at 85% 10%, rgba(9, 107, 128, .045), transparent 30rem),
    radial-gradient(circle at 10% 80%, rgba(22, 97, 63, .04), transparent 35rem),
    var(--bg);
}
:root[data-mode="light"] body::before { mix-blend-mode: multiply; opacity: .12; background: repeating-linear-gradient(to bottom, rgba(22, 97, 63, .025) 0 1px, transparent 1px 4px); }
:root[data-mode="light"] .topbar { background: rgba(242, 246, 243, .92); }
:root[data-mode="light"] :is(.identity-line, .lead, .story-card p, .card p, .rule, .contact p, .readme-intro, .readme-project-description, .readme-fact p, .readme-highlights li, .project-content p, .project-content ul) { color: #405949; }
:root[data-mode="light"] :is(.story-card h3, .bigquote, .project-window-head h3, .project-content h4, .readme-project-title, .readme-screen-title) { color: var(--text); }
:root[data-mode="light"] :is(.career-meta, .printer-headline, .printer-status, .sidebar-label, footer, .readme-screen-note, .readme-screen-bar) { color: var(--muted); }
:root[data-mode="light"] .career-meta strong { color: #405949; }
:root[data-mode="light"] .career-meta .job-title { color: var(--amber); text-shadow: none; }
:root[data-mode="light"] :is(.glow, .accent-amber) { text-shadow: none; }
:root[data-mode="light"] section { border-top-color: var(--line); }
:root[data-mode="light"] .btn { background: rgba(22, 97, 63, .035); }
:root[data-mode="light"] .btn:hover { background: var(--green); color: #fff; }
:root[data-mode="light"] .btn.secondary:hover { background: rgba(9, 107, 128, .06); color: var(--cyan); }
:root[data-mode="light"] .terminal { background: linear-gradient(180deg, #fff, #f7faf8); box-shadow: 0 18px 60px rgba(32, 54, 42, .08), var(--shadow); }
:root[data-mode="light"] :is(.terminal-head, .project-window-head) { background: var(--panel-2); }
:root[data-mode="light"] .terminal-hint { color: var(--muted); }
:root[data-mode="light"] .terminal-output.error { color: #a82222; }
:root[data-mode="light"] .terminal-live { border-top-color: var(--line); }
:root[data-mode="light"] .card { background: linear-gradient(180deg, #fff, #f7faf8); }
:root[data-mode="light"] :is(.project-card:hover, .project-card:focus) { background: linear-gradient(180deg, #f0f7f2, #fff); border-color: #88ad95; }
:root[data-mode="light"] .tag { color: var(--green); border-color: #b9cebf; background: #f3f8f4; }
:root[data-mode="light"] .contact { background: rgba(233, 240, 235, .7); }
:root[data-mode="light"] .printer-panel { background: linear-gradient(180deg, #fff, #f3f7f4); }
:root[data-mode="light"] .printer-status code { color: #405949; background: #f2f6f3; border-color: var(--line); }
:root[data-mode="light"] .project-modal-backdrop { background: rgba(32, 54, 42, .42); }
:root[data-mode="light"] .project-window { background: #fff; box-shadow: 0 28px 100px rgba(32, 54, 42, .2), var(--shadow); }
:root[data-mode="light"] .window-close { background: #fff; }
:root[data-mode="light"] .project-sidebar { background: #f5f8f6; }
:root[data-mode="light"] .project-sidebar button { color: #405949; }
:root[data-mode="light"] :is(.project-sidebar button:hover, .project-sidebar button.active, .readme-project-row:hover) { background: rgba(22, 97, 63, .05); }
:root[data-mode="light"] :is(.project-sidebar button:hover, .project-sidebar button.active, .readme-project-row:hover .readme-project-title) { color: var(--green); }
:root[data-mode="light"] .readme-screen { border-color: #b9cebf; background: repeating-linear-gradient(0deg, transparent 0 27px, rgba(22, 97, 63, .04) 27px 28px), repeating-linear-gradient(90deg, transparent 0 27px, rgba(22, 97, 63, .04) 27px 28px), #f5f8f6; box-shadow: none; }
:root[data-mode="light"] .readme-screen::after { border-color: #b9cebf; }
:root[data-mode="light"] .readme-screen-bar { background: #e9f0eb; border-color: var(--line); }
:root[data-mode="light"] .readme-shot { color: #405949; background: #f5f8f6; }
:root[data-mode="light"] .readme-shot strong { color: var(--muted); }
:root[data-mode="light"] :is(.readme-shot:hover, .readme-shot.active) { color: var(--text); border-color: var(--green); background: #edf5ef; }
:root[data-mode="light"] .readme-shot.active strong { color: var(--green); }
:root[data-mode="light"] .readme-fact { background: #f5f8f6; }
:root[data-mode="light"] .terminal.bell .terminal-head { background: #dceee1; }
:root[data-mode="light"] .ascii-render { color: var(--green); text-shadow: none; }
:root[data-mode="light"] #ascii-bg::after { background: linear-gradient(180deg, rgba(242, 246, 243, .02), rgba(242, 246, 243, .18)); }
:root[data-mode="light"] .section-label.flash-target { animation-name: sectionFlashLight; }
@keyframes sectionFlashLight {
  0%, 100% { color: var(--green); text-shadow: none; opacity: 1; }
  8%, 42% { color: var(--amber); text-shadow: 0 0 12px rgba(140, 74, 4, .18); opacity: 1; }
  20% { color: var(--green); opacity: .6; }
  58%, 78% { color: var(--green); text-shadow: none; opacity: 1; }
}