:root[data-theme='light'] {
  color-scheme: light;
  --base: #f4f9ff;
  --ink: #102947;
  --muted: #405a74;
  --line: #bfd7ed;
  --accent: #1166af;
  --panel: #fff;
}

:root[data-theme='light'] :focus-visible {
  outline-color: #176cbb;
}

:root[data-theme='light'] .skip-link:focus {
  background: #e2f2ff;
}

:root[data-theme='light'] .site-header {
  background: #fafdff;
  border-bottom-color: #d2e5f6;
}

:root[data-theme='light'] .brand-mark {
  filter: hue-rotate(224deg) saturate(.85);
}

:root[data-theme='light'] .main-nav a {
  color: var(--muted);
}

:root[data-theme='light'] .main-nav a:hover,
:root[data-theme='light'] .main-nav [aria-current] {
  color: var(--accent);
}

:root[data-theme='light'] .main-nav [aria-current]::after,
:root[data-theme='light'] .eyebrow > span:first-child {
  box-shadow: 0 0 11px #5baaf0a6;
}

:root[data-theme='light'] .hero {
  background: radial-gradient(ellipse at 82% 44%, #c5e6ff 0%, #e6f3ff 47%, #f6fbff 80%);
  border-bottom-color: #c9def1;
}

:root[data-theme='light'] .hero::before {
  background-image: linear-gradient(#2466a31e 1px, transparent 1px), linear-gradient(90deg, #2466a31e 1px, transparent 1px);
}

:root[data-theme='light'] .eyebrow,
:root[data-theme='light'] .capability-icon {
  color: var(--accent);
}

:root[data-theme='light'] .hero-description,
:root[data-theme='light'] .hero-stats dd,
:root[data-theme='light'] .contact-panel p:not(.eyebrow) {
  color: var(--muted);
}

:root[data-theme='light'] .hero-stats,
:root[data-theme='light'] .hero-stats div + div,
:root[data-theme='light'] .card-bottom,
:root[data-theme='light'] .capability-list li {
  border-color: var(--line);
}

:root[data-theme='light'] .hero-stats dt,
:root[data-theme='light'] .card-price,
:root[data-theme='light'] .footer-inner .brand {
  color: var(--ink);
}

:root[data-theme='light'] .pc-hero-image {
  position: relative;
  filter: hue-rotate(224deg) saturate(.84) brightness(1.07);
  mask: url('assets/pc-hero-mask.svg') center / 100% 100% no-repeat;
}

:root[data-theme='light'] .pc-hero-visual::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 42% 6% at 52% 96%, #3a79ae48, transparent 100%);
}

:root[data-theme='light'] .control-main:not(.contact-method) {
  --control-border: linear-gradient(135deg, #7ecaff, #459ee2 40%, #0e518e 71%, #68b7f3);
  --control-fill: linear-gradient(125deg, #104e88, #1168b4 55%, #154f8c);
  --control-fill-hover: linear-gradient(125deg, #0e477e, #0d58a1 55%, #0d437a);
  --control-glow: #398ed73d;
  --control-glow-hover: #398ed773;
  color: #fff;
}

:root[data-theme='light'] .power-light,
:root[data-theme='light'] .web-project-icon {
  color: #cfecff;
  border-color: #65a7dd;
  background: #113b69;
  box-shadow: inset 0 0 7px #082347, 0 0 10px #78c0ff75;
}

:root[data-theme='light'] .control-index {
  color: #174d7e;
}

:root[data-theme='light'] .control-index:hover {
  color: #0c3d6b;
}

:root[data-theme='light'] .control-index::before {
  background:
    linear-gradient(#1571bd 0 0) left top / 14px 2px,
    linear-gradient(#398bcb 0 0) left center / 11px 2px,
    linear-gradient(#74a9d3 0 0) left bottom / 7px 2px;
  background-repeat: no-repeat;
}

:root[data-theme='light'] .service-card {
  background: radial-gradient(ellipse at 100% 0%, #e8f4ff, transparent 74%), var(--panel);
}

:root[data-theme='light'] .service-card:hover {
  border-color: #7eaee0;
}

:root[data-theme='light'] .card-icon {
  background: #e6f3ff;
  border-color: #b3d4f0;
  color: var(--accent);
}

:root[data-theme='light'] .service-action {
  color: #164c7d;
  border-color: #8dbce3;
  background: linear-gradient(100deg, #e4f1ff, #f4faff);
}

:root[data-theme='light'] .service-action::before {
  background: linear-gradient(90deg, #2376b8 0 40%, transparent 40% 60%, #75acd8 60%);
}

:root[data-theme='light'] .service-action:hover {
  color: #0d3b67;
  border-color: #478dcb;
  background: linear-gradient(100deg, #cbe6ff, #eaf6ff);
}

:root[data-theme='light'] .contact-panel {
  border-color: #b0d2f0;
  background: radial-gradient(ellipse at 89% 41%, #c5e6ff, transparent 74%), linear-gradient(105deg, #fff, #e5f2ff);
}

:root[data-theme='light'] .site-footer {
  background: #edf6fe;
  border-top-color: #c9def1;
}

:root[data-theme='light'] .footer-inner a:hover {
  color: var(--accent);
}

:root[data-theme='light'] .demo-hero-orbits {
  background:
    radial-gradient(circle at 22% 69%, #297bc5 0 1px, #5ba8eb7a 2px, transparent 6px),
    radial-gradient(circle at 73% 13%, #3d8dd2 0 1px, #5ba8eb60 2px, transparent 5px),
    radial-gradient(circle at 91% 38%, #236fae 0 1px, #5ba8eb83 2px, transparent 7px),
    radial-gradient(ellipse at 61% 52%, #4da6ed46, transparent 64%),
    radial-gradient(ellipse at 77% 43%, #fff8, transparent 44%);
}

:root[data-theme='light'] .demo-hero-orbits::before {
  border-color: #2787d36b #2787d35c #2787d32e #2787d322;
  box-shadow: 0 -4px 24px #3a94e02b, inset 0 3px 24px #fff7;
}

:root[data-theme='light'] .demo-hero-orbits::after {
  border-color: #3985c444 #3985c452 #3985c428 #3985c414;
}

:root[data-theme='light'] .demo-hero-lettering {
  color: #0a4f88;
  text-shadow: 0 0 20px #a1d7ffc7;
}

:root[data-theme='light'] .demo-hero-arrow {
  color: #1b69a8;
}

:root[data-theme='light'] .demo-hero-arrow:hover,
:root[data-theme='light'] .demo-hero-arrow:focus-visible {
  color: #0a487e;
}

:root[data-theme='light'] .demo-hero-arrow svg {
  filter: drop-shadow(0 0 7px #82c2f2);
}