/* Daylight Lab theme layer, loaded last. Self-hosted fonts (SIL OFL 1.1). Light/dark variables live here; /assets/theme.js only sets data-theme. */
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-var-latin.woff) format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-var-latin.woff) format("woff");font-weight:100 900;font-display:swap}
html:root:root,html:root:root[data-theme="light"]{--dl-bg:#FAF7F2;--dl-card:#FFFFFF;--dl-ink:#1F2430;--dl-muted:#545B6A;--dl-line:#E4DED3;--dl-link:#2F5BEA;--dl-link-h:#1E3FAE;--dl-blue:#2F5BEA;--dl-gold:#F2A93B;--dl-on-blue:#FFFFFF;--dl-soft:#F1ECE3;color-scheme:light}
html:root:root[data-theme="dark"]{--dl-bg:#171B24;--dl-card:#1F2430;--dl-ink:#F1EEE8;--dl-muted:#B9BFCC;--dl-line:#343A48;--dl-link:#8FA8FF;--dl-link-h:#B7C6FF;--dl-blue:#8FA8FF;--dl-gold:#F2A93B;--dl-on-blue:#10131A;--dl-soft:#232937;color-scheme:dark}
@media (prefers-color-scheme:dark){html:root:root:not([data-theme]){--dl-bg:#171B24;--dl-card:#1F2430;--dl-ink:#F1EEE8;--dl-muted:#B9BFCC;--dl-line:#343A48;--dl-link:#8FA8FF;--dl-link-h:#B7C6FF;--dl-blue:#8FA8FF;--dl-on-blue:#10131A;--dl-soft:#232937}}
html:root:root{background:var(--dl-bg)!important}
html:root body{background:var(--dl-bg)!important;color:var(--dl-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important}
html:root body::before,html:root body::after{display:none!important;background:none!important}
html:root :is(h1,h2,h3,h4){font-family:Fraunces,Georgia,serif!important;color:var(--dl-ink)!important;letter-spacing:-.01em;text-shadow:none!important}
html:root a{color:var(--dl-link)}
html:root :is(p,li,td,th,dd,dt,small,blockquote,figcaption,.note) a{color:var(--dl-link)!important;text-decoration:underline!important;text-underline-offset:2px}
html:root :is(p,li,td,th,dd,dt,small,blockquote,figcaption,.note) a:hover{color:var(--dl-link-h)!important}
html:root :focus-visible{outline:2px solid var(--dl-link)!important;outline-offset:2px}
/* readable tables */
html:root table{border-collapse:collapse}
html:root td,html:root th{overflow-wrap:normal!important;word-break:normal!important;hyphens:manual!important;min-width:6ch;vertical-align:top;text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--dl-line);color:var(--dl-ink)}
html:root td a,html:root td code{overflow-wrap:anywhere!important}
.dl-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:1rem 0}
@media (max-width:760px){.dl-tw>table{width:max-content;min-width:100%}}
/* round sun/moon toggle (copied from the Storefront / home .theme-toggle) */
html:root .theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;padding:0!important;border-radius:50%!important;background:transparent!important;color:var(--dl-ink)!important;border:1px solid var(--dl-line)!important;cursor:pointer;box-shadow:none!important;flex:0 0 auto}
html:root .theme-toggle:hover{border-color:var(--dl-link)!important}
html:root .theme-toggle svg{width:18px;height:18px;display:block}
html:root .theme-toggle .icon-moon{display:none}
html:root[data-theme="light"] .theme-toggle .icon-sun{display:none}
html:root[data-theme="light"] .theme-toggle .icon-moon{display:block}
@media (prefers-color-scheme:light){html:root:not([data-theme]) .theme-toggle .icon-sun{display:none}html:root:not([data-theme]) .theme-toggle .icon-moon{display:block}}
/* logo C light/dark swap */
.dl-logo{display:inline-flex;align-items:center;text-decoration:none!important}
.dl-logo img{height:34px;width:auto;display:block}
.dl-logo .dk{display:none}
html:root[data-theme="dark"] .dl-logo .lt{display:none}html:root[data-theme="dark"] .dl-logo .dk{display:block}
/* shared Daylight components */
.dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;padding:.7rem 1.25rem;font:600 1rem/1.2 Inter,system-ui,sans-serif;text-decoration:none!important;border:1px solid var(--dl-blue);cursor:pointer}
.dl-btn.pri{background:var(--dl-blue)!important;color:var(--dl-on-blue)!important}
.dl-btn.sec{background:transparent!important;color:var(--dl-ink)!important;border-color:var(--dl-line)}
.dl-btn.sec:hover{border-color:var(--dl-blue)}
.dl-eyebrow{font:600 .95rem/1.4 Inter,system-ui,sans-serif;color:var(--dl-muted);letter-spacing:.02em;margin:0 0 .6rem}
.dl-star{width:1.1em;height:1.1em;vertical-align:-.15em;margin-right:.35rem}
.dl-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2rem 0}
.dl-pill{background:var(--dl-card);border:1px solid var(--dl-line);border-top:4px solid var(--dl-blue);border-radius:14px;padding:1.1rem 1.2rem}
.dl-pill.s{border-top-color:var(--dl-gold)}.dl-pill.g{border-top-color:#6B8F71}
.dl-pill h3{margin:0 0 .35rem;font-size:1.3rem!important}.dl-pill p{margin:0;color:var(--dl-muted)}
.dl-signup{background:var(--dl-card);border:1px solid var(--dl-line);border-radius:16px;padding:1.4rem 1.5rem;max-width:560px;margin:2rem 0}
.dl-signup h2,.dl-signup h3{margin:0 0 .3rem}
.dl-signup p{margin:.2rem 0 .9rem;color:var(--dl-muted)}
.dl-signup .row{display:flex;gap:.6rem;flex-wrap:wrap}
.dl-signup input[type=email]{flex:1 1 220px;font:inherit;font-size:1rem;color:var(--dl-ink);background:var(--dl-bg);border:1px solid var(--dl-line);border-radius:10px;padding:.65rem .8rem}
.dl-signup .hp{position:absolute;left:-10000px;height:0;overflow:hidden}
.dl-signup .consent{display:flex;gap:.55rem;align-items:flex-start;font-size:.95rem;color:var(--dl-muted);margin:.8rem 0 0;line-height:1.45}
.dl-signup .consent input{width:18px;height:18px;margin-top:.15rem;flex:0 0 auto;accent-color:var(--dl-blue)}
.dl-signup .dl-msg{min-height:1.2em;font-size:.95rem;margin:.6rem 0 0;color:var(--dl-ink)}
.dl-strip{background:var(--dl-soft);border:1px solid var(--dl-line);border-radius:12px;padding:.8rem 1rem;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}

/* aioptitech.com: map existing site variables onto Daylight Lab */
html:root:root,html:root:root[data-theme]{--bg:var(--dl-bg);--bg-elevated:var(--dl-bg);--bg-card:var(--dl-card);--bg-card-hover:var(--dl-card);--bg-soft:var(--dl-soft);--text:var(--dl-ink);--muted:var(--dl-muted);--cyan:var(--dl-link);--blue:var(--dl-blue);--link:var(--dl-link);--line:var(--dl-line);--glow:transparent;--hero-glow-1:transparent;--hero-glow-2:transparent;--btn-primary-text:var(--dl-on-blue);--star:var(--dl-gold);--bg2:var(--dl-soft);--card:var(--dl-card);--card2:var(--dl-soft);--green:var(--dl-link);--lime:var(--dl-blue);--gold:var(--dl-gold);--tan:var(--dl-muted);--forest:var(--dl-blue);--on:var(--dl-on-blue);--shadow:0 1px 2px rgba(31,36,48,.06)}
html:root header{background:var(--dl-bg)!important;border-bottom:1px solid var(--dl-line)!important;backdrop-filter:none!important}
html:root footer{background:var(--dl-bg)!important;color:var(--dl-muted)!important;border-top:1px solid var(--dl-line)}
html:root .card,html:root .panel{background:var(--dl-card)!important;border:1px solid var(--dl-line)!important;box-shadow:none!important;backdrop-filter:none!important}
html:root .btn-primary{background:var(--dl-blue)!important;color:var(--dl-on-blue)!important;box-shadow:none!important}
html:root .hero h1 span{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--dl-blue)!important}
/* Daylight pages (home, /the-other-si/) */
.dl-page{max-width:1080px;margin:0 auto;padding:0 1.25rem}
.dl-top{display:flex;align-items:center;gap:1rem;padding:.9rem 0}
.dl-top nav{margin-left:auto;display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.dl-top nav a{color:var(--dl-ink)!important;text-decoration:none!important;font-weight:600;font-size:1rem}
.dl-top nav a:hover{color:var(--dl-link)!important}
.dl-hero{padding:3.5rem 0 2rem;max-width:760px}
.dl-hero h1{font-size:clamp(2.2rem,5vw,3.4rem)!important;line-height:1.08!important;margin:0 0 1rem;font-weight:600}
.dl-hero h1 span{color:var(--dl-blue)}
.dl-hero p.lead{font-size:1.2rem;color:var(--dl-muted);max-width:60ch;margin:0 0 1.6rem}
.dl-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.dl-sec{padding:1.5rem 0}
.dl-sec h2{font-size:1.9rem!important;margin:0 0 .8rem}
.dl-mast{height:44px;width:auto;display:block;margin:0 0 1rem}
.dl-mast.dk{display:none}html:root[data-theme="dark"] .dl-mast.lt{display:none}html:root[data-theme="dark"] .dl-mast.dk{display:block}
.dl-foot{border-top:1px solid var(--dl-line);margin-top:3rem;padding:1.4rem 0 2rem;color:var(--dl-muted);font-size:1rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between}
.dl-foot a{color:var(--dl-link)!important}
/* legacy page headers: sit logo C + toggle in the existing nav */
html:root .nav-brand img{height:30px;width:auto}
