/* Light is a complete second surface system. The four artwork colours keep their meaning. */
html[data-theme="light"] {
  color-scheme:light;
  --theme-surface:var(--vix-paper,#F0EEE6);
  --theme-inset:color-mix(in srgb,var(--vix-paper,#F0EEE6) 95%,var(--vix-ink,#101819));
  --theme-muted:color-mix(in srgb,var(--vix-ink,#101819) 78%,var(--vix-paper,#F0EEE6));
  --theme-line:color-mix(in srgb,var(--vix-ink,#101819) 34%,var(--vix-paper,#F0EEE6));
  --theme-faint:color-mix(in srgb,var(--vix-ink,#101819) 13%,var(--vix-paper,#F0EEE6));
  --paper:var(--theme-surface);
  --ink:var(--vix-ink,#101819);
  --muted:var(--theme-muted);
  --line:var(--theme-line);
}
html[data-theme="light"] body {
  background:var(--theme-surface);
  color:var(--vix-ink);
  --section-fg:var(--vix-ink);
  --section-muted:var(--theme-muted);
  --section-line:var(--theme-line);
}
html[data-theme="light"] :is(.studio-hero,.page-hero,.statement-section,.st-packages,.st-trust,.st-faq,.orbit-section,.labs-section,.insights-section,.ownership,.site-footer,.article-wrap,.legal,.not-found) {
  background:var(--theme-surface);
  color:var(--vix-ink);
  --section-fg:var(--vix-ink);
  --section-muted:var(--theme-muted);
  --section-line:var(--theme-line);
}
/* Quiet shifts in paper tone preserve the editorial rhythm without a dark-theme island. */
html[data-theme="light"] :is(.fan-section,.industry-section,.st-founder,.st-booking,.aqua-manifesto) {
  background:var(--theme-inset);
  color:var(--vix-ink);
  --section-fg:var(--vix-ink);
  --section-muted:var(--theme-muted);
  --section-line:var(--theme-line);
}
html[data-theme="light"] body[data-route="labs"] .page-hero+.section {
  background:var(--theme-surface);
  color:var(--vix-ink);
}
html[data-theme="light"] :is(.section-head p,.eyebrow,.eyebrow.blue,.muted) {
  color:var(--section-muted);
}
html[data-theme="light"] :is(.studio-hero-top,.studio-descriptor,.studio-audience,.studio-founder-note,.studio-hero-end>p,.nova-studio-label) {
  color:var(--theme-muted);
}
html[data-theme="light"] :is(.studio-availability,.studio-founder-note strong,.nova-handnote,.studio-scroll) {color:var(--vix-ink)}
html[data-theme="light"] :is(.studio-availability,.st-available) i {
  background:var(--vix-ink);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--vix-aqua) 65%,transparent);
}
html[data-theme="light"] :is(.studio-hero-end,.studio-hero .hero-actions>.text-link,.studio-scroll span) {border-color:var(--theme-line)}
html[data-theme="light"] .mini-portrait {background:var(--theme-surface);border-color:var(--theme-line);color:var(--vix-ink)}
html[data-theme="light"] :is(.studio-nova-ring,.studio-nova-ring:before,.studio-nova-ring:after) {
  border-color:color-mix(in srgb,var(--vix-ink) 22%,transparent);
}
html[data-theme="light"] .studio-nova-ring:after {border-color:color-mix(in srgb,var(--vix-coral) 65%,transparent)}
html[data-theme="light"] .studio-nova-stage:before {
  content:"";
  position:absolute;
  inset:12% 9%;
  border-radius:50%;
  background:radial-gradient(ellipse,color-mix(in srgb,var(--vix-aqua) 21%,transparent),transparent 68%);
  pointer-events:none;
}
/* Coral stays in the mark and in graphic strokes; ink keeps every headline readable. */
html[data-theme="light"] :is(.studio-hero h1 em,.page-hero h1 em,.ownership h2 span,.orbit-heading h2 em) {color:var(--vix-ink)}
html[data-theme="light"] .page-hero h1 em {text-decoration:underline;text-decoration-color:var(--vix-coral);text-decoration-thickness:.035em;text-underline-offset:.12em}
html[data-theme="light"] .ownership h2 span {text-decoration:underline;text-decoration-color:var(--vix-coral);text-decoration-thickness:.035em;text-underline-offset:.12em}
html[data-theme="light"] .studio-cursor {border-color:var(--vix-ink);box-shadow:0 0 18px color-mix(in srgb,var(--vix-aqua) 25%,transparent)}
html[data-theme="light"] .studio-cursor.is-link {border-color:var(--vix-ink);background:color-mix(in srgb,var(--vix-coral) 15%,transparent)}
html[data-theme="light"] .studio-atmosphere {opacity:.65}

/* Opaque, readable navigation in both modes, including its full-height mobile sheet. */
html[data-theme="light"] :is(.site-header,.site-header.menu-open,.site-header.menu-open .nav-links.open) {
  background:var(--theme-surface);
  border-color:var(--theme-line);
}
html[data-theme="light"] :is(.logo,.menu-toggle,.site-header .nav-links>a,.site-header.menu-open .nav-links.open>a) {color:var(--vix-ink)}
html[data-theme="light"] :is(.site-header .nav-links>a:hover,.site-header .nav-links>a.active,.site-header.menu-open .nav-links.open>a:hover,.site-header.menu-open .nav-links.open>a.active) {color:var(--vix-ink)}
html[data-theme="light"] .site-header .nav-links>a:after {background:var(--vix-coral)}
html[data-theme="light"] .site-header.menu-open .nav-links.open>a.active {text-decoration:underline;text-decoration-color:var(--vix-coral);text-underline-offset:.2em;text-decoration-thickness:2px}
html[data-theme="light"] .site-header .nav-links>a {border-color:var(--theme-line)}
html[data-theme="light"] .menu-toggle i,
html[data-theme="light"] .menu-toggle[aria-expanded="true"] i:after {background:var(--vix-ink)}
html[data-theme="light"] .menu-toggle i {box-shadow:0 6px 0 var(--vix-ink)}
html[data-theme="light"] .menu-toggle[aria-expanded="true"] i {box-shadow:none}
html[data-theme="light"] .site-header.menu-open .nav-links.open>a:focus-visible {background:var(--theme-inset)}
html[data-theme="light"] .skip {background:var(--vix-ink);color:var(--vix-paper)}

html[data-theme="light"] .principle-bar {background:var(--theme-surface);border-color:var(--theme-line)}
html[data-theme="light"] .principles>span,
html[data-theme="light"] .principles>div,
html[data-theme="light"] .principles svg {color:var(--vix-ink)}
html[data-theme="light"] .word-statement span {color:var(--theme-muted)}
html[data-theme="light"] .word-statement span.lit,
html[data-theme="light"].is-reduced .word-statement span {color:var(--vix-ink)}
html[data-theme="light"] :is(.ownership-pillars article,.ownership-item) {border-color:var(--theme-line)}
html[data-theme="light"] :is(.ownership-pillars article>span,.ownership-item>span) {color:var(--vix-ink)}
html[data-theme="light"] .ownership .eyebrow,
html[data-theme="light"] .ownership .text-link {color:var(--section-fg)}
html[data-theme="light"] .text-link,
html[data-theme="light"] .text-link:hover {color:var(--section-fg)}
/* The brand-colour fan is intentional: these surfaces already have ink/paper contrast. */
html[data-theme="light"] .fan-card.selected {border-color:var(--vix-ink)}
html[data-theme="light"] .fan-section :is(.section-head p,.fan-hint) {color:var(--theme-muted)}

/* A precision dial on warm paper, with ink progress and a coral, ink-edged tip. */
html[data-theme="light"] .orbit-section :is(.orbit-heading>p,.orbit-copy>p,.orbit-output,.orbit-scroll-note,.orbit-select-note,.orbit-navigation>span) {color:var(--theme-muted)}
html[data-theme="light"] .orbit-section :is(.orbit-copy h3,.orbit-output>span,.orbit-copy-num,#orbit-counter,.orbit-step,.orbit-step.active,.orbit-step:hover,.orbit-static-nova) {color:var(--vix-ink)}
html[data-theme="light"] .orbit-section .orbit-wheel:before {background:radial-gradient(circle,color-mix(in srgb,var(--vix-aqua) 20%,transparent),transparent 68%)}
html[data-theme="light"] .orbit-section .orbit-wheel:after {background:repeating-conic-gradient(from -1deg,color-mix(in srgb,var(--vix-ink) 28%,transparent) 0deg 1deg,transparent 1deg 6deg)}
html[data-theme="light"] .orbit-section .orbit-track {border-color:var(--theme-line)}
html[data-theme="light"] .orbit-section .orbit-track:before {border-color:var(--theme-faint)}
html[data-theme="light"] .orbit-section .orbit-track .orbit-progress {background:conic-gradient(from 0deg,var(--vix-ink) calc(var(--progress,0)*360deg),transparent 0)}
html[data-theme="light"] .orbit-section .orbit-tip:after {
  background:var(--vix-coral);
  border:1px solid var(--vix-ink);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--vix-coral) 19%,transparent);
}
html[data-theme="light"] .orbit-section .orbit-point {background:var(--theme-surface);border-color:var(--vix-ink)}
html[data-theme="light"] .orbit-section .orbit-step.active .orbit-point {
  background:var(--vix-ink);
  border-color:var(--vix-ink);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--vix-aqua) 70%,transparent);
}
html[data-theme="light"] .orbit-section .orbit-step.active .orbit-step-label {text-decoration:underline;text-decoration-color:var(--vix-ink);text-underline-offset:4px}
html[data-theme="light"] .orbit-section .orbit-output {border-color:var(--theme-line)}

/* Labs keeps its little coloured interfaces; surrounding names and copy follow the page. */
html[data-theme="light"] .product-card h3 {color:var(--vix-ink)}
html[data-theme="light"] :is(.product-card p,.product-card .product-type,.labs-note) {color:var(--theme-muted)}
html[data-theme="light"] .labs-note {border-color:var(--theme-line)}
html[data-theme="light"] .lab-heading .lab-stamp {color:var(--vix-ink);border-color:var(--vix-ink);background:var(--vix-aqua)}
html[data-theme="light"] .industry-gallery {scrollbar-color:var(--theme-line) var(--theme-surface)}
html[data-theme="light"] :is(.industry-visual,.industry-full .industry-detail-art) {background:var(--theme-surface)}
html[data-theme="light"] .industry-visual:nth-child(2n),
html[data-theme="light"] .industry-full:nth-child(2n) .industry-detail-art {background:var(--vix-coral-tint)}
html[data-theme="light"] .industry-visual:nth-child(3n),
html[data-theme="light"] .industry-full:nth-child(3n) .industry-detail-art {background:var(--vix-aqua-tint)}
html[data-theme="light"] .industry-visual:hover {background:var(--vix-aqua-tint)}
html[data-theme="light"] :is(.industry-section .section-head p,.industry-full p,.industry-full h3,.industry-full .clean-list li,.gallery-hint) {color:var(--theme-muted)}
html[data-theme="light"] :is(.industry-explore,.industry-full,.industry-full .clean-list li) {border-color:var(--theme-line)}

html[data-theme="light"] :is(.st-package-list,.st-package,.st-testimonial figcaption,.st-rating,.st-faq-list,.st-faq-item) {border-color:var(--theme-line)}
html[data-theme="light"] :is(.st-package-number,.st-package-includes li:before,.st-quote-mark,.st-rating-stars,.st-faq-number,.st-faq-item[open] summary,.st-faq-layout a) {color:var(--vix-ink)}
html[data-theme="light"] .st-testimonial {background:var(--theme-inset);border-color:var(--theme-line)}
html[data-theme="light"] .st-faq-item[open] summary i {color:var(--vix-ink)}
html[data-theme="light"] .st-founder-signoff {border-color:var(--theme-line)}
html[data-theme="light"] .st-booking-card {background:var(--theme-surface)}
html[data-theme="light"] :is(.st-case-details,.st-case-body dl>div,.st-booking-response) {border-color:var(--theme-line)}
html[data-theme="light"] :is(.st-package-intro p,.st-package-intro .st-kicker,.st-package-price>span,.st-package-foot>span,.st-trust-heading>p:last-child,.st-testimonial figcaption>span,.st-rating small,.st-faq-layout>div:first-child>p:last-child,.st-faq-item>p,.st-founder-signoff>div>span) {color:var(--theme-muted)}

/* Full routes, article reading views and contact controls all use the light surfaces. */
html[data-theme="light"] :is(.page-hero,.article-byline,.article-end,.insight-card,.insights-page .insight-card,.value,.service-full,.clean-list li) {border-color:var(--theme-line)}
html[data-theme="light"] :is(.page-hero p,.page-hero .page-number,.article-back,.article-byline,.article-end,.article-deck,.article-wrap .article-body p,.legal p,.legal li,.insight-card p,.insights-page .insight-card p) {color:var(--theme-muted)}
html[data-theme="light"] :is(.insight-card h3,.insights-page .insight-card h3,.insight-card:hover h3,.insight-meta,.insight-card .insight-meta) {color:var(--vix-ink)}
html[data-theme="light"] .insight-card:before {color:var(--theme-faint)}
html[data-theme="light"] .insight-card:hover {border-color:var(--vix-ink)}
html[data-theme="light"] .filter-btn {background:var(--theme-surface);color:var(--vix-ink);border-color:var(--theme-line)}
html[data-theme="light"] .filter-btn:hover {background:var(--theme-inset);color:var(--vix-ink);border-color:var(--vix-ink)}
html[data-theme="light"] .filter-btn.active {background:var(--vix-ink);color:var(--vix-paper);border-color:var(--vix-ink)}
html[data-theme="light"] :is(.legal a,.article-back:hover,.email-link,.copy-button) {color:var(--vix-ink)}
html[data-theme="light"] .email-link {text-decoration-color:var(--vix-coral)}
html[data-theme="light"] .copy-button {border-color:var(--theme-line)}
html[data-theme="light"] .vision-block {background:var(--theme-inset)}
html[data-theme="light"] :is(.location,.application-box,.contact-form) {
  background:var(--theme-inset);
  color:var(--vix-ink);
  border-color:var(--theme-line);
  --section-fg:var(--vix-ink);
  --section-muted:var(--theme-muted);
  --section-line:var(--theme-line);
}
html[data-theme="light"] :is(.location h3,.application-box h3,.contact-locations h3,.field label) {color:var(--vix-ink)}
html[data-theme="light"] :is(.location .location-number,.location p,.application-box p,.contact-note,.contact-locations p,.contact-locations .muted,.field label span,.form-foot p) {color:var(--theme-muted)}
html[data-theme="light"] .location svg {color:var(--vix-ink);opacity:.2}
html[data-theme="light"] :is(.field input,.field textarea,.field select,.field select option) {background:var(--theme-surface);color:var(--vix-ink);border-color:var(--theme-line);color-scheme:light}
html[data-theme="light"] :is(.field input,.field textarea)::placeholder {color:var(--theme-muted);opacity:1}
html[data-theme="light"] :is(.field input,.field textarea,.field select):hover {border-color:var(--vix-ink)}
html[data-theme="light"] :is(.field input,.field textarea,.field select):focus {background:var(--theme-surface);border-color:var(--vix-ink)}
html[data-theme="light"] :is(.field input,.field textarea):autofill {background:var(--theme-surface);color:var(--vix-ink)}
html[data-theme="light"] :is(.field input,.field textarea):-webkit-autofill {
  -webkit-text-fill-color:var(--vix-ink);
  caret-color:var(--vix-ink);
  box-shadow:0 0 0 1000px var(--theme-surface) inset;
}
html[data-theme="light"] :is(.form-status,.toast) {background:var(--vix-paper);color:var(--vix-ink);border-color:var(--vix-ink)}

/* The coral invitation remains the single strong closing band in either theme. */
html[data-theme="light"] :is(.contact-band,.st-call-strip) {
  --section-fg:var(--vix-ink);
  --section-muted:var(--vix-ink);
  --section-line:var(--vix-ink);
}
html[data-theme="light"] :is(.footer-col,.footer-brand p,.footer-bottom) {color:var(--theme-muted)}
html[data-theme="light"] :is(.footer-col h3,.footer-preword>a,.footer-watermark,.motion-toggle,.back-top) {color:var(--vix-ink)}
html[data-theme="light"] :is(.footer-top,.footer-preword,.footer-bottom,.footer-preword>a,.motion-toggle) {border-color:var(--theme-line)}
html[data-theme="light"] :is(.footer-col a:hover,.footer-preword>a:hover,.back-top:hover) {color:var(--vix-ink);text-decoration:underline;text-decoration-color:var(--vix-coral);text-underline-offset:4px}
html[data-theme="light"] .motion-toggle:hover {background:var(--theme-inset);color:var(--vix-ink);border-color:var(--vix-ink)}

@media(prefers-reduced-motion:reduce) {
  html[data-theme="light"] .word-statement span {color:var(--vix-ink)}
}
html[data-theme="light"].studio-paused .word-statement span {color:var(--vix-ink)}