/* Cool-white, slate and emerald light theme adapted from the Base Camp Monitor preview.
   All rules are light-mode-only; the live Sea Glass dark palette remains unchanged. */
html[data-theme="light"] {
  color-scheme: light;
  --monitor-bg: #f8fafc;
  --monitor-panel: #ffffff;
  --monitor-line: #cbd5e1;
  --monitor-text: #1e293b;
  --monitor-muted: #475569;
  --monitor-accent: #047857;
  --monitor-header: #ffffff;
  --preview-teal: var(--monitor-header);
  --preview-ice: var(--monitor-text);
  --preview-sea-glass: var(--monitor-accent);
  --preview-photo-frame: var(--monitor-line);
  --project-logo-color: var(--monitor-accent);
}
html[data-theme="light"] body,
html[data-theme="light"] .sample-text-area,
html[data-theme="light"] .portfolio-section,
html[data-theme="light"] .about-area,
html[data-theme="light"] .portfolio-area {
  background: var(--monitor-bg) !important;
  color: var(--monitor-text) !important;
}
html[data-theme="light"] .slider_area .single_slider.slider_bg_1,
html[data-theme="light"] .footer,
html[data-theme="light"] .footer::before,
html[data-theme="light"] .header-area .main-header-area.sticky,
html[data-theme="light"] .slicknav_menu .slicknav_nav {
  background-color: var(--monitor-header) !important;
  background-image: none !important;
}
html[data-theme="light"] .header-area .main-header-area,
html[data-theme="light"] .header-area .main-header-area.sticky,
html[data-theme="light"] .header-area .header_bottom_border,
html[data-theme="light"] .portfolio-divider,
html[data-theme="light"] .header-logo-frame {
  border-color: var(--monitor-line) !important;
}
html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6,#about-me,.portfolio-heading,
  .about-introduction .about-lead,.about-background-label,
  .single_gallery .gallery_heading h4,
  .single_gallery .gallery_heading h4 a) {
  color: var(--monitor-text) !important;
}
html[data-theme="light"] :is(p,.about-background,.about-introduction .about-approach,
  .about-disclaimer,.single_gallery p,.footer .copy_right) {
  color: var(--monitor-muted) !important;
}
html[data-theme="light"] :is(a,.header-social-link,.footer-social-link,
  .footer .copy_right a,.footer-scene,.intro-down-link) {
  color: var(--monitor-accent) !important;
}
html[data-theme="light"] .more-about-link,
html[data-theme="light"] .logo-switch button {
  color: var(--monitor-accent) !important;
  border-color: var(--monitor-accent) !important;
  background: transparent !important;
}
html[data-theme="light"] .more-about-link:hover,
html[data-theme="light"] .more-about-link:focus-visible,
html[data-theme="light"] .logo-switch button[aria-pressed="true"],
html[data-theme="light"] .logo-switch button:hover {
  background: var(--monitor-accent) !important;
  color: var(--monitor-bg) !important;
}
html[data-theme="light"] .about-introduction { border-left-color: var(--monitor-accent) !important; }
html[data-theme="light"] .theme-toggle {
  background: var(--monitor-panel) !important;
  color: var(--monitor-accent) !important;
  border-color: var(--monitor-line) !important;
  box-shadow: 0 3px 14px #0002;
}
html[data-theme="light"] .theme-toggle:focus-visible { outline-color: var(--monitor-accent) !important; }
html[data-theme="light"] .sea-glass-header-logo,
html[data-theme="light"] .footer .copy-right_text img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(26%) saturate(1468%) hue-rotate(112deg) brightness(91%) contrast(102%) !important;
}
/* The footer illustration has a white sky in this palette. */
html[data-theme="light"] .footer-scene { --car-surface: var(--monitor-header); }
html[data-theme="light"] .celestial-moon path { fill: var(--monitor-header) !important; }