/* Approved light palette. Scoped so the existing dark theme remains unchanged. */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f7f9;
  --panel: rgba(255,255,255,.9);
  --line: #cfdae1;
  --line-soft: #dce4e9;
  --text: #293f4d;
  --muted: #586e7b;
  --orange: #b74d27;
  --cyan: #367491;
}
html[data-theme="light"] body { background: var(--bg); color: var(--text); }
html[data-theme="light"] body::before { background: linear-gradient(135deg,#fafcfd,#f1f5f7); }
html[data-theme="light"] .blueprint { opacity: .15; }
html[data-theme="light"] ::selection { background: #c8e1ec; color: #203948; }
html[data-theme="light"] .topbar { color: #2a414f; }
html[data-theme="light"] .brand i { background: #c46139; }
html[data-theme="light"] .contact-kicker { color: #536976; }
html[data-theme="light"] .contact-detail small { color: #526a79; }
html[data-theme="light"] .contact-detail strong { color: #304e60; }
html[data-theme="light"] .contact-detail.email strong { color: #326881; }
html[data-theme="light"] .contact-chip { border-color: #cbd8e0; background: rgba(255,255,255,.86); color: #3c5869; }
html[data-theme="light"] .contact-chip:hover { border-color: #88a7b8; background: #fff; }
html[data-theme="light"] .contact-chip b { color: #a64b2b; }
html[data-theme="light"] .menu-button { border-color: var(--line); background: #fff; }
html[data-theme="light"] .menu-button span { background: #3d5a6b; }
html[data-theme="light"] .site-shell > .panel {
  border-color: var(--line);
  border-radius: 5px;
  background: linear-gradient(145deg,rgba(255,255,255,.91),rgba(255,255,255,.83));
  box-shadow: 0 3px 14px rgba(36,66,84,.035), inset 0 1px 0 rgba(255,255,255,.7);
}
html[data-theme="light"] .panel-heading { border-bottom-color: var(--line-soft); }
html[data-theme="light"] .panel-heading h2 { color: #334f60; }
html[data-theme="light"] .folder-total { border-color: #d0dce3; background: rgba(242,247,250,.8); color: #586f7c; }
html[data-theme="light"] .portrait { border-color: #d2dfe5; background: radial-gradient(circle at 50% 30%,#c5d5de,transparent 28%),linear-gradient(135deg,#e4edf2,#ccdce5); }
html[data-theme="light"] .portrait::before { background: linear-gradient(#8ca8b8,#c2d5df); }
html[data-theme="light"] .portrait > span { background: #f0f6f9; color: #486e84; }
html[data-theme="light"] .profile-heading h1 { color: #293f4d; }
html[data-theme="light"] .profile-role { color: #a64b2b; }
html[data-theme="light"] .specialization,
html[data-theme="light"] .specialization b { color: #566d7b; }
html[data-theme="light"] .profile-label { color: #344f60; }
html[data-theme="light"] .about-note > p:last-of-type { color: #526a79; line-height: 1.45; }
html[data-theme="light"] .profile-skill-list li { color: #546d7c; }
html[data-theme="light"] .profile-skill-list li::before { background: #bd633f; }
html[data-theme="light"] .resume-actions a,
html[data-theme="light"] .resume-actions button { background: rgba(247,250,252,.8); color: #36586c; border-color: #cbd9e2; }
html[data-theme="light"] .resume-actions > a:hover,
html[data-theme="light"] .resume-actions > button:hover { border-color: #8daebe; background: #edf4f8; }
html[data-theme="light"] .project-search { border-color: #cbd9e2; background: rgba(246,250,252,.94); }
html[data-theme="light"] .project-search span { color: #67818f; }
html[data-theme="light"] .project-search input { color: #304e60; }
html[data-theme="light"] .project-search input::placeholder { color: #607782; opacity: 1; }
html[data-theme="light"] .project-search:focus-within { border-color: #54829b; box-shadow: 0 0 0 2px rgba(73,132,164,.1); }
html[data-theme="light"] .project-tree { scrollbar-color: #a2b8c6 transparent; }
html[data-theme="light"] .tree-empty { color: #5d7482; }
html[data-theme="light"] .tree-heading { color: #365469; }
html[data-theme="light"] .tree-heading:hover,
html[data-theme="light"] .tree-group.expanded > .tree-heading { border-color: #bfd4e0; background: linear-gradient(90deg,#e4eff5,#eef5f8); }
html[data-theme="light"] .folder-icon,
html[data-theme="light"] .folder-icon::before { background: #5c96b4; }
html[data-theme="light"] .folder-icon { box-shadow: inset 0 -4px 0 rgba(43,104,136,.17); }
html[data-theme="light"] .tree-heading em { border-color: #bed0dc; color: #536f80; background: rgba(255,255,255,.4); }
html[data-theme="light"] .chevron { color: #5c7c8e; }
html[data-theme="light"] .tree-children,
html[data-theme="light"] .project-row::before { border-color: #b9ccd8; }
html[data-theme="light"] .project-row { color: #4b697b; }
html[data-theme="light"] .project-row small { color: #5b7585; }
html[data-theme="light"] .project-row:hover { background: #edf4f8; color: #2a4b61; }
html[data-theme="light"] .project-row.selected { border-color: #d39477; background: linear-gradient(90deg,#fbf0e9,#fbf7f3); color: #77452f; }
html[data-theme="light"] .project-row.selected small { color: #855740; }
html[data-theme="light"] .file-icon { border-color: #718d9d; }
html[data-theme="light"] .file-icon::after { background: #718d9d; box-shadow: 0 3px 0 #718d9d; }
html[data-theme="light"] .project-row.selected .file-icon { border-color: #ae603e; }
html[data-theme="light"] .project-detail h3 { color: #293f4d; }
html[data-theme="light"] .button { color: #355d75; }
html[data-theme="light"] .button.primary { border-color: #ad4a28; background: #b6532e; color: #fff; }
html[data-theme="light"] .button.primary:hover { background: #a64725; }
html[data-theme="light"] .button.secondary { border-color: #a7c0ce; background: #f1f7fa; color: #365f78; }
html[data-theme="light"] .button.secondary:hover { background: #e5f0f6; border-color: #739caf; }
html[data-theme="light"] .button:disabled { color: #687d89; border-color: #d5dfe5; background: #edf2f5; opacity: 1; }
html[data-theme="light"] .project-meta dt { color: #617682; }
html[data-theme="light"] .project-meta dd { color: #324e60; }
html[data-theme="light"] .project-files h4 { color: #345365; }
html[data-theme="light"] .project-files h4 span,
html[data-theme="light"] .project-files small { color: #617987; }
html[data-theme="light"] .project-files strong { color: #3d5b6d; }
html[data-theme="light"] .project-file-actions a,
html[data-theme="light"] .project-file-actions button { border-color: #c3d4df; background: #f0f6f9; color: #385e75; }
html[data-theme="light"] .project-file-actions a:hover,
html[data-theme="light"] .project-file-actions button:hover { background: #e3eff6; border-color: #86a9bd; }
html[data-theme="light"] .project-media { border-color: #d0dce4; background: rgba(244,248,250,.85); }
html[data-theme="light"] .project-image { background: #edf3f6; }
html[data-theme="light"] .project-empty-preview { background-color: #f3f7fa; background-image: linear-gradient(rgba(127,155,171,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(127,155,171,.12) 1px,transparent 1px); color: #5f7886; }
html[data-theme="light"] .project-empty-preview strong { color: #44677d; }
html[data-theme="light"] .project-empty-preview small { color: #526a79; }
html[data-theme="light"] .project-empty-preview span { border-color: #c0d3df; color: #416f88; background: #fff; }
html[data-theme="light"] .project-format { background: rgba(247,251,253,.94); border-color: #9ebcca; color: #315d76; }
html[data-theme="light"] .skill-item strong { color: #395565; }
html[data-theme="light"] .skill-meter { background: #dfe9ef; }
html[data-theme="light"] .skill-meter i { background: linear-gradient(90deg,#5e8ea8,#78a4bb); }
html[data-theme="light"] .skill-percent { color: #536f7f; }
html[data-theme="light"] .timeline-item { border-left-color: #c2d4df; }
html[data-theme="light"] .timeline-item > i,
html[data-theme="light"] .education-entry > i { background: #bd6946; }
html[data-theme="light"] .timeline-item strong,
html[data-theme="light"] .timeline-item b { color: #395565; }
html[data-theme="light"] .timeline-item span { color: #5b7382; line-height: 1.4; }
html[data-theme="light"] .education-entry > i::after { background: #c2d4df; }
html[data-theme="light"] .education-title-row strong { color: #385668; }
html[data-theme="light"] .education-period { color: #5b7382; }
html[data-theme="light"] .education-copy > span { color: #5d7584; }
html[data-theme="light"] .education-copy > .education-level { color: #426173; }
html[data-theme="light"] .education-copy > .education-status { border-color: #ccdbe3; background: #f6f9fb; color: #546f80; }
html[data-theme="light"] .education-copy > .education-status.is-studying { border-color: #bed7df; color: #3a6a79; background: #edf6f7; }
html[data-theme="light"] .panel-scroll,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .project-files ul { scrollbar-color: #a4bbc9 transparent; }
html[data-theme="light"] .loading span { border-color: #d3e0e7; border-top-color: #b6532e; }

/* The companion render changes the video canvas, not the construction colours. */
html[data-theme="light"] .industrial-background { background: #f4f7f9; }
html[data-theme="light"] .industrial-background::after { background: linear-gradient(to bottom,rgba(244,247,249,.22),transparent 28%,transparent 82%,rgba(244,247,249,.15)); }
html[data-theme="light"] .industrial-background > img { opacity: .6; }
html[data-theme="light"] .industrial-background[data-state="waiting"] > img,
html[data-theme="light"] .industrial-background[data-state="playing"] > img,
html[data-theme="light"] .industrial-background[data-state="paused"] > img { opacity: 0; }
html[data-theme="light"] .industrial-background[data-state="playing"] > video,
html[data-theme="light"] .industrial-background[data-state="paused"] > video { opacity: .6; }
/* Requested temporary concealment: playback/pause implementation stays intact. */
html[data-theme="light"] #stop-background { display: none !important; }

/* HR, document controls and messages use the same light surface system. */
html[data-theme="light"] .recruiter-dialog { border-color: #c1d3de; color: var(--text); background: rgba(255,255,255,.98); box-shadow: 0 24px 90px rgba(44,69,86,.22); }
html[data-theme="light"] .recruiter-dialog::backdrop { background: rgba(72,96,112,.3); }
html[data-theme="light"] .recruiter-header,
html[data-theme="light"] .recruiter-intro,
html[data-theme="light"] .recruiter-project-section,
html[data-theme="light"] .recruiter-projects > li,
html[data-theme="light"] .recruiter-footer { border-color: #dce6ec; }
html[data-theme="light"] .recruiter-kicker,
html[data-theme="light"] .recruiter-meta,
html[data-theme="light"] .recruiter-list p.recruiter-meta,
html[data-theme="light"] .recruiter-contacts li > span:first-child,
html[data-theme="light"] .recruiter-generated,
html[data-theme="light"] .recruiter-footer-note { color: #526a79; }
html[data-theme="light"] .recruiter-role,
html[data-theme="light"] .recruiter-about,
html[data-theme="light"] .recruiter-list p,
html[data-theme="light"] .recruiter-copy-fallback label,
html[data-theme="light"] .recruiter-empty { color: #4b687b; }
html[data-theme="light"] .recruiter-section h3 { color: #304f63; }
html[data-theme="light"] .recruiter-close { border-color: #c5d8e3; background: #eff5f8; color: #41647b; }
html[data-theme="light"] .recruiter-close:hover { background: #deedf5; border-color: #91b1c4; }
html[data-theme="light"] .recruiter-scroll { scrollbar-color: #9bb6c8 transparent; }
html[data-theme="light"] .recruiter-career > li { border-color: #bfd1de; }
html[data-theme="light"] .recruiter-skills li { background: #eff5f9; border-color: #d0dfe8; color: #41657b; }
html[data-theme="light"] .recruiter-contacts a,
html[data-theme="light"] .recruiter-contact-value,
html[data-theme="light"] .recruiter-project-link { color: #316787; }
html[data-theme="light"] .recruiter-contacts a:hover,
html[data-theme="light"] .recruiter-project-link:hover,
html[data-theme="light"] .recruiter-generated:hover { color: #214e69; }
html[data-theme="light"] .recruiter-copy { border-color: #bfd3e0; color: #3e6178; background: #f5f9fb; }
html[data-theme="light"] .recruiter-copy:hover { background: #e8f2f7; }
html[data-theme="light"] .recruiter-copy-status { color: #3b697f; }
html[data-theme="light"] .recruiter-copy-fallback textarea { border-color: #c0d4e1; color: #34536a; background: #f5f9fc; }
html[data-theme="light"] .recruiter-footer { background: #f4f8fb; }
html[data-theme="light"] .recruiter-download { background: #3f718d; border-color: #3f718d; color: #fff; }
html[data-theme="light"] .recruiter-download:hover { background: #305e78; }
html[data-theme="light"] .recruiter-dialog :where(a,button,textarea):focus-visible,
html[data-theme="light"] .recruiter-scroll:focus-visible,
html[data-theme="light"] .recruiter-trigger:focus-visible,
html[data-theme="light"] .project-files :focus-visible { outline-color: #376f90; }
html[data-theme="light"] .model-dialog { border-color: #bbceda; background: #fff; box-shadow: 0 30px 100px rgba(39,65,80,.26); }
html[data-theme="light"] .model-dialog::backdrop { background: rgba(49,73,89,.4); }
html[data-theme="light"] .model-dialog-header,
html[data-theme="light"] .model-dialog-footer { background: #f4f8fb; border-color: #d0dfe7; color: #516f82; }
html[data-theme="light"] .model-dialog-actions button { border-color: #bfd2df; background: #fff; color: #3a6078; }
html[data-theme="light"] .model-stage { background: radial-gradient(circle at 50% 40%,#fff,#eaf1f5 80%); }
html[data-theme="light"] .viewer-message p { color: #526a79; }
html[data-theme="light"] .viewer-message span { border-color: #c5d7e3; border-top-color: var(--orange); }
html[data-theme="light"] .pdf-toolbar { background: #f3f7fa; }
html[data-theme="light"] .pdf-toolbar button,
html[data-theme="light"] .pdf-toolbar input,
html[data-theme="light"] .pdf-toolbar select,
html[data-theme="light"] .pdf-toolbar a { border-color: #bfced8; background: #fff; color: #355369; }
html[data-theme="light"] .pdf-pages { background: #e6edf2; scrollbar-color: #99b3c5 #e5edf3; }
html[data-theme="light"] .pdf-pages canvas { box-shadow: 0 2px 12px rgba(45,72,91,.14); }
html[data-theme="light"] .pdf-error { color: #a54828; }
@media (max-width:820px) {
  html[data-theme="light"] .contact-actions { background: rgba(255,255,255,.98); box-shadow: 0 15px 35px rgba(40,67,85,.12); }
  html[data-theme="light"] .industrial-background > img { opacity: .26; }
  html[data-theme="light"] .site-shell > .panel { background: rgba(255,255,255,.92); }
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme="light"] .industrial-background > img { opacity: .45 !important; }
}