/* Light-only optical calibration. The approved dark styles remain untouched. */
html[data-theme=light] {
  --muted: #3e4f64;
  --fx-blue: rgb(25 85 224 / .24);
  --fx-grid: rgb(43 77 128 / .085);
  --fx-shadow: rgb(24 47 82 / .2);
  --fx-deep-shadow: rgb(21 43 77 / .28);
  --fx-metal: linear-gradient(125deg, #f9fcff 0%, #ccd6e3 28%, #ffffff 43%, #e2eaf4 57%, #bdcbdd 79%, #f1f6fc 100%);
  --fx-chrome: linear-gradient(105deg, #14273e 0%, #627c9a 17%, #10243a 29%, #7189a5 39%, #1a3657 52%, #577696 68%, #102941 82%, #3d5d80 100%);
  --fx-frame: linear-gradient(130deg, #6c839f, #ffffff 24%, #8c9eb8 41%, #5478a9 60%, #faffff 76%, #677e9b);
}
html[data-theme=light] .ambient-field {
  background: radial-gradient(ellipse at 90% 8%, rgb(40 93 209 / .14), transparent 48%), radial-gradient(ellipse at 0% 60%, rgb(52 94 149 / .065), transparent 45%);
}
html[data-theme=light] .hero::before {
  background: radial-gradient(ellipse 48% 42% at var(--light-x, 72%) var(--light-y, 20%), rgb(40 101 233 / .24), rgb(65 120 231 / .07) 42%, transparent 78%);
  opacity: .9;
}
html[data-theme=light] .hero h1 .headline-secondary {
  filter: drop-shadow(0 1px 0 rgb(255 255 255 / .95)) drop-shadow(0 2px 2px rgb(23 49 83 / .18));
}
html[data-theme=light] .site-header {
  box-shadow: 0 5px 20px rgb(30 56 95 / .18), inset 0 1px 0 #ffffff;
}
html[data-theme=light] .site-header::before { opacity: 1; }
html[data-theme=light] .site-header nav a::after {
  background: linear-gradient(90deg, #1644b9, #1877ed, #1644b9);
  box-shadow: 0 0 7px rgb(15 90 235 / .6), 0 3px 12px rgb(22 86 208 / .25);
}
html[data-theme=light] .reading-progress span {
  background: linear-gradient(90deg, #1542b6, #0084eb);
  box-shadow: 0 0 8px rgb(15 90 235 / .65);
}
html[data-theme=light] .hero-brow,
html[data-theme=light] .stage-label,
html[data-theme=light] .location-pill {
  color: #142339;
  border-color: #a0b0c6;
  box-shadow: 0 5px 15px rgb(26 50 86 / .22), inset 0 1px 0 #ffffff;
}
html[data-theme=light] .stage-facts::before {
  background: repeating-linear-gradient(0deg, rgb(47 79 124 / .08) 0, rgb(47 79 124 / .08) 1px, transparent 1px, transparent 4px);
  opacity: .4;
}
html[data-theme=light] .hero-stage {
  box-shadow: 0 24px 48px rgb(23 45 78 / .24), 0 1px 0 #ffffff;
}
html[data-theme=light] .hero-stage::after {
  height: 3px;
  background: linear-gradient(90deg, transparent, #1554dc, #0088ef, #1554dc, transparent);
  box-shadow: 0 0 8px rgb(0 91 244 / .8), 0 1px 20px rgb(18 99 230 / .5);
}
html[data-theme=light] .button.primary {
  box-shadow: 0 7px 21px rgb(21 76 209 / .32), 0 0 0 1px rgb(23 74 197 / .12), inset 0 1px 0 rgb(255 255 255 / .4);
}
html[data-theme=light] .button.primary::before {
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / .6), transparent);
}
html[data-theme=light] .button.primary:hover,
html[data-theme=light] .button.primary:focus-visible {
  box-shadow: 0 0 0 1px #7aabff, 0 13px 29px rgb(23 78 212 / .4), 0 0 17px rgb(20 92 255 / .2), inset 0 1px 0 rgb(255 255 255 / .5);
}
html[data-theme=light] .project-image {
  box-shadow: 0 15px 27px rgb(27 49 81 / .21), 0 1px 0 #ffffff;
}
html[data-theme=light] .project-card:hover .project-image,
html[data-theme=light] .project-card:focus-visible .project-image {
  box-shadow: 0 22px 34px rgb(22 48 89 / .3), 0 0 0 1px #2d70d8, 0 0 20px rgb(21 93 232 / .25);
}
html[data-theme=light] .project-open,
html[data-theme=light] .icon-button,
html[data-theme=light] .expertise-plus,
html[data-theme=light] .contact-icon {
  border-color: #8fa3bf;
  box-shadow: 0 4px 10px rgb(26 48 80 / .2), inset 0 1px 0 #ffffff;
}
html[data-theme=light] .expertise-section {
  background: linear-gradient(115deg, #f5f7fb, #e2e8f2);
}
html[data-theme=light] .expertise-item[open] .expertise-plus {
  background: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 0 15px rgb(22 90 232 / .4), inset 0 1px 0 rgb(255 255 255 / .35);
}
html[data-theme=light] .cta {
  background: radial-gradient(ellipse at right center, rgb(37 103 238 / .22), transparent 62%);
}
html[data-theme=light] .cta-circle {
  box-shadow: 0 11px 26px rgb(20 76 210 / .4), 0 0 20px rgb(30 107 243 / .18), inset 0 1px 0 rgb(255 255 255 / .45);
}
html[data-theme=light] .contact-form-panel {
  box-shadow: 0 20px 38px rgb(29 51 86 / .24);
}
html[data-theme=light] .field input,
html[data-theme=light] .field textarea { background: #fafdff; }
html[data-theme=light] .field input:focus,
html[data-theme=light] .field textarea:focus {
  box-shadow: 0 0 0 2px rgb(34 100 240 / .2), 0 0 16px rgb(20 97 238 / .2), inset 0 1px 3px rgb(24 47 82 / .12);
}
@media(max-width:600px) {
  html[data-theme=light] .hero-stage { box-shadow: 0 12px 27px rgb(23 45 78 / .23); }
  html[data-theme=light] .project-image { box-shadow: 0 10px 21px rgb(27 49 81 / .22); }
  html[data-theme=light] .contact-form-panel { box-shadow: 0 13px 25px rgb(29 51 86 / .22); }
}