/* Light palette: cool white, atmospheric blue and deep navy. */
html[data-theme="light"] {
  color-scheme: light;
  --paper: #f5f8fc;
  --ink: #132b43;
  --muted: #50657b;
  --line: #d3dfea;
  --blue: #1764a5;
  --panel: #edf3f9;
}

html[data-theme="light"] ::selection { background: #b9dafa; color: #102c48; }
html[data-theme="light"] .site-header nav { color: #435d77; }
html[data-theme="light"] .site-header nav a:hover,
html[data-theme="light"] .text-link:hover { color: #075997; }
html[data-theme="light"] .language-switch { color: #526b83; }
html[data-theme="light"] .separator { color: #7a8da0; }
html[data-theme="light"] .eyebrow { color: #486783; }
html[data-theme="light"] .folio-label { color: #526d87; }
html[data-theme="light"] .hero h1 em { color: #2b5f88; }
html[data-theme="light"] .hero-intro { color: #435e77; }
html[data-theme="light"] .button {
  border-color: #829fba;
  color: #183f63;
  background: #f9fcff;
}
html[data-theme="light"] .button-dark {
  background: #153e62;
  border-color: #153e62;
  color: #f5faff;
}
html[data-theme="light"] .button:hover {
  border-color: #3e77a5;
  background: #e3eff9;
  color: #123b5e;
}
html[data-theme="light"] .button-dark:hover {
  background: #205680;
  border-color: #205680;
  color: #fff;
}
html[data-theme="light"] .text-link { color: #365e80; border-bottom-color: #9eb4c9; }

/* A pale planetary edge keeps the atmospheric motif without a dark disk. */
html[data-theme="light"] .planet-limb {
  background: radial-gradient(ellipse at 27% 3%, #ffffff 0, #e8f6ff 8%, #d7eaf8 24%, #e9f1f9 47%, #f5f8fc 72%);
  box-shadow: inset 0 2px 2px #fff, inset 0 6px 10px #c4e8ff,
    inset 0 16px 30px #8dbfe155, 0 -2px 3px #9ccbea,
    0 -12px 30px #8ec6ee40, 0 -34px 80px #70b4df26;
}
html[data-theme="light"] .horizon-label { color: #3d688a; }
html[data-theme="light"] .hero-footer { color: #4b657f; }

html[data-theme="light"] .project-visual {
  background: #eaf2f9;
  border-color: #cbdce9;
}
html[data-theme="light"] .visual-index { color: #466683; }
html[data-theme="light"] .visual-tag { color: #506c85; }
html[data-theme="light"] .visual-brand p { color: #45617a; }
html[data-theme="light"] .phone {
  background: #e5edf5;
  border-color: #8c9eb0;
  box-shadow: 0 18px 38px #244b7024;
}
html[data-theme="light"] .phone::after { background: #8c9eb0; }
html[data-theme="light"] .nfc-chip { border-color: #a5c0d7; color: #2c5f88; background: #f2f8fd; }
html[data-theme="light"] .project-meta { color: #4f6882; }
html[data-theme="light"] .project-title-row .arrow { color: #286592; }
html[data-theme="light"] .project-desc { color: #435e77; }
html[data-theme="light"] .project-highlights span { color: #2c628c; }
html[data-theme="light"] .project-highlights span + span::before { color: #8aa4bc; }
html[data-theme="light"] .case-button { color: #1e5783; border-bottom-color: #94b3cd; }
html[data-theme="light"] .case-button:hover { color: #074c81; border-bottom-color: #236b9e; }

/* These are illustrative interface elements; product screenshots are untouched. */
html[data-theme="light"] .desktop-mini {
  border-color: #92a9be;
  background: #f9fcff;
  color: #395d7c;
  box-shadow: 0 15px 35px #244b701c;
}
html[data-theme="light"] .mini-top { border-bottom-color: #d2e0ec; color: #244766; }
html[data-theme="light"] .mini-top i { color: #516c84; }
html[data-theme="light"] .mini-banner { background: #e4f0fa; color: #204f75; }
html[data-theme="light"] .mini-banner small { color: #426887; }
html[data-theme="light"] .mini-cards div { background: #edf3f9; color: #42617b; }
html[data-theme="light"] .mini-cards b { color: #216399; }
html[data-theme="light"] .visual-caption { color: #4d6880; }
html[data-theme="light"] .cave-note {
  background: #f9fcff;
  border-color: #b5cada;
  box-shadow: 0 16px 30px #244b701a;
}
html[data-theme="light"] .note-heading { color: #406989; }
html[data-theme="light"] .cave-note h4 { color: #264966; }
html[data-theme="light"] .note-line { background: #ccdfed; }
html[data-theme="light"] .note-pill { color: #3e6989; }

html[data-theme="light"] .approach-section { background: #edf3f9; }
html[data-theme="light"] .principle { border-top-color: #bccedf; }
html[data-theme="light"] .principle > span { color: #3f6b8e; }
html[data-theme="light"] .principle p { color: #435f78; }
html[data-theme="light"] .about-badge { color: #4b657d; }
html[data-theme="light"] .about-mark { border-color: #afc6da; color: #286894; }
html[data-theme="light"] .about-copy p { color: #435e77; }
html[data-theme="light"] .about-copy .about-lead { color: #233f59; }
html[data-theme="light"] .skills { color: #2e638c; }
html[data-theme="light"] .contact-section { background: #e8f1f9; }
html[data-theme="light"] .contact-section h2 em { color: #2b5f88; }
html[data-theme="light"] .contact-section p:not(.eyebrow) { color: #425f79; }
html[data-theme="light"] .contact-links a { border-top-color: #bdcfdf; }
html[data-theme="light"] .contact-links small { color: #4a647c; }
html[data-theme="light"] .site-footer { color: #506981; }
html[data-theme="light"] .skip-link { background: #dcecf9; color: #153e62; }

html[data-theme="light"] dialog {
  background: #f9fcff;
  border-color: #a8bfd3;
  box-shadow: 0 20px 100px #15365338;
}
html[data-theme="light"] dialog::backdrop { background: #19344f66; }
html[data-theme="light"] .dialog-top { background: #f9fcff; }
html[data-theme="light"] .dialog-top button { color: #294f6f; border-color: #b3cadc; }
html[data-theme="light"] .dialog-top button:hover { background: #e4eff8; }
html[data-theme="light"] .case-role { color: #456987; }
html[data-theme="light"] .case-intro { color: #3d5872; }
html[data-theme="light"] .case-stack span { color: #2b6390; }
html[data-theme="light"] .case-flow { background: #eaf3fb; border-color: #c5dbea; }
html[data-theme="light"] .case-flow b { color: #2a5273; }
html[data-theme="light"] .case-flow > span { color: #48799e; }
html[data-theme="light"] .case-section > h3 { color: #3f6889; }
html[data-theme="light"] .case-point { border-top-color: #cfdeea; }
html[data-theme="light"] .case-point h4 { color: #203f5b; }
html[data-theme="light"] .case-point p,
html[data-theme="light"] .case-section > p,
html[data-theme="light"] .case-section li { color: #435e78; }
html[data-theme="light"] .case-vision { background: #eaf3fb; border-left-color: #4086b7; }
html[data-theme="light"] .case-vision p { color: #355774; }
html[data-theme="light"] .case-note { color: #506b83; }

@media (max-width: 760px) {
  html[data-theme="light"] .hero-art .planet-limb {
    box-shadow: inset 0 2px 2px #fff, inset 0 6px 8px #c4e8ff,
      inset 0 15px 24px #8dbfe155, 0 -2px 3px #9ccbea,
      0 -9px 24px #8ec6ee40, 0 -25px 60px #70b4df26;
  }
}