/* Light appearance shares the approved graphite/lavender semantic roles. */
html[data-theme=light]{
 --chapter-rule:var(--line);--light-selected:#e9e1f3;
 --light-warning:#a3213e;--light-warning-tint:#fae8ec;--light-caution:#75521c;
 color-scheme:light;
}
html[data-theme=light] :is(.header,.footer){--accent:#6237ad}
html[data-theme=light] .button.primary{color:#fff}
html[data-theme=light] .button.primary .icon{color:inherit;stroke:currentColor}
html[data-theme=light] .header .nav-cta.button{background:#bda6fa;border-color:#bda6fa;color:#1b1428}
html[data-theme=light] .mobile-nav{background:var(--panel);color:var(--ink);border-color:var(--line)}
html[data-theme=light] .mobile-nav a{color:var(--ink)}
html[data-theme=light] .mobile-nav .button{background:#bda6fa;border-color:#bda6fa;color:#1b1428}
html[data-theme=light] :is(input,select,textarea){color-scheme:light}
html[data-theme=light] .contact-form :is(input,textarea){caret-color:var(--accent)}
html[data-theme=light] .contact-form :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html[data-theme=light] .faq-section .faq-list,
html[data-theme=light] .faq-section .faq-list details{border-color:var(--line)}

/* The screening illustration and its controls use the surrounding light surface. */
html[data-theme=light] #approach .analysis-explorer{background:var(--panel);border-color:var(--line)}
html[data-theme=light] #approach .simple-story .story-navigation button{background:var(--bg);color:var(--ink);border-color:var(--line)}
html[data-theme=light] #approach .simple-story .story-navigation button:hover{background:var(--bg-raised);border-color:var(--accent)}
html[data-theme=light] #approach .simple-story .story-navigation button[aria-pressed=true]{background:var(--light-selected);border-color:var(--accent)}
html[data-theme=light] #approach .airport-toggle{background:var(--panel);color:var(--accent);border-color:var(--line)}
html[data-theme=light] .airport-drawing [stroke="#a4aead"]{stroke:var(--muted)}
html[data-theme=light] .airport-drawing [stroke="#bda6fa"]{stroke:var(--accent)}
html[data-theme=light] .airport-drawing [fill="#141a1d"]{fill:var(--bg-raised)}
html[data-theme=light] .airport-drawing [fill="#080c0d"]{fill:var(--panel)}
html[data-theme=light] .airport-drawing .airport-terminal{stroke-opacity:.45}
html[data-theme=light] .analysis-findings-title small{color:var(--light-caution)}

/* Local specimen tokens must follow the global appearance as a complete set. */
html[data-theme=light] .result-explainer{
 --explain-ink:var(--ink);--explain-muted:var(--muted);--explain-line:var(--line);
 --explain-accent:var(--accent);--explain-warning:var(--light-warning);
}
html[data-theme=light] .explain-workbench{background:transparent;border-color:var(--line)}
html[data-theme=light] .explain-source{background:var(--panel);color:var(--ink);border-color:var(--line)}
html[data-theme=light] .explain-caution{color:var(--light-warning);border-color:color-mix(in srgb,var(--light-warning) 30%,transparent)}
html[data-theme=light] .explain-source-icon{background:var(--light-selected)}
html[data-theme=light] :is(.studio-chrome,.story-message,.source-input){background:var(--panel);border-color:var(--line)}
html[data-theme=light] :is(.studio-message,.studio-result,.studio-check,dialog.warning-inspector){background:var(--panel);color:var(--ink);border-color:var(--line)}
html[data-theme=light] :is(.studio-result>p,.studio-chrome>span:nth-child(2)){color:var(--muted)}
html[data-theme=light] :is(.studio-result-title,.studio-result-domain,.source-answer-heading){color:var(--light-warning)}
html[data-theme=light] .source-answer.is-incomplete .source-answer-heading{color:var(--light-caution)}
html[data-theme=light] .source-quote mark{color:var(--accent);background:var(--light-selected)}
html[data-theme=light] .studio-inspect:hover{background:var(--light-selected);color:var(--accent)}

/* The About page uses the same paper, text and link roles as the other pages. */
html[data-theme=light] .about-page{background:var(--bg);color:var(--ink)}
html[data-theme=light] .about-page :is(h1,h2){color:var(--ink)}
html[data-theme=light] .about-page-lead,
html[data-theme=light] .about-page-links a,
html[data-theme=light] :is(.header,.footer) nav [aria-current=page]{color:var(--accent)}
html[data-theme=light] .about-story-section p{color:var(--muted)}
html[data-theme=light] :is(.about-page-intro,.about-story-section){border-color:var(--line)}
html[data-theme=light] .about-page-links a:focus-visible{outline-color:var(--accent)}