/* TE21 light palette: white, gray, black and blue. */
:root{color-scheme:light;--bg:#ffffff;--panel:#f1f4f8;--ink:#161b22;--muted:#526071;--accent:#145caf;--white:#ffffff;--line:#d5dde7}
body{background:var(--bg);color:var(--ink)}
header{background:#fff;border-color:var(--line)}
nav a:hover,.text-link:hover,.dark:hover{color:#104981}
.button,.supply-card .button{background:#145caf;border-color:#145caf;color:#fff}
.button:hover,.supply-card .button:hover{background:#104981;border-color:#104981;color:#fff}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #145caf;outline-offset:4px}
.hero{background:#f5f7fa}.hero h1 em,.quote h2 em,.installation-video-copy h2 em{color:#145caf}
.intro,.hero-bottom{color:#526071}
.hero-image{background:#eef1f5}.hero-image figcaption{color:#435064}
.hero-enlarge{background:#fff;color:#145caf;border-color:#b6c6d9}
.image-label{background:#fffffff0;color:#145caf;border-color:#c9d5e4}
.principles{background:#fff;color:#145caf}.principles b{color:#354052}
.system,.faq{background:#fff}.system .eyebrow,.application .eyebrow,.faq .eyebrow,.supply .eyebrow{color:#145caf}
.system-grid p:not(.large-copy),.benefits p,.application article p,details p{color:#526071}
.benefits{border-color:var(--line)}.benefits article>span{color:#145caf}
.product-render{background:#fff;border:1px solid var(--line)}
.product-render figcaption{color:#526071;border-color:var(--line)}
.technical{background:#f1f4f8}.explorer{background:#fff}
.tabs{background:#e9eef5}.tabs button{color:#435064}.tabs button[aria-selected=true]{background:#145caf;color:#fff}
.tech-copy{background:#fff}.tech-copy ul{color:#354052}
#tech-panel figcaption{color:#526071}
.profile-pair figure,.profile-pair img{background:#fff}.profile-pair figcaption{color:#526071}
.photo-explorer{background:#fff}.photo-stage{background:#e9edf3}
.photo-information>ul{color:#354052}
.photo-open>span{background:#ffffffed;color:#145caf;border-color:#b6c6d9}
.photo-selectors button{background:#f1f4f8;color:#435064;border-color:#c5cfdb}
.photo-selectors button[aria-pressed=true]{background:#e6effc;color:#145caf;border-color:#145caf}
.creator-link{color:#145caf}.creator-link:hover{color:#104981}
caption,tbody th{color:#145caf}thead th{background:#e6edf6;color:#233248}
td{color:#435064}tbody tr:nth-child(even){background:#f8fafd}
.site-check strong{color:#233248}
.application{background:#f7f8fa}.application article{border-color:var(--line)}
.application article span{color:#145caf}.application figcaption{color:#526071}
.execution{background:#fff}.faq details{border-color:var(--line)}
.quote{background:#eef2f7}label{color:#354052}
input,select,textarea{background:#fff;color:#161b22;border-color:#aebbc9}
input::placeholder,textarea::placeholder{color:#647286;opacity:1}
#copy-status{color:#145caf}
footer{background:#fff}footer>span{color:#526071}
.installation-video{background:#f1f5fa;border-color:var(--line)}
.installation-video-copy>p:not(.eyebrow),.video-topics p,.installation-video-player figcaption{color:#526071}
.video-topics article{border-color:var(--line)}.video-topics article>span{color:#145caf}
.installation-video-player video{background:#101419;border-color:#bac6d4}
.supply{background:#f5f7fa}.supply .section-heading>p:last-child,.supply-card>p,.supply-handle{color:#526071}
.supply-card{background:#fff;border-color:var(--line)}.supply-tag{color:#145caf}
.supply-card .text-link:hover{color:#104981}
.creator-feature{background:#e6edf6;color:#161b22;border:1px solid #cfdae8}
.creator-feature .eyebrow{color:#145caf}.creator-feature p:last-child{color:#435064}
.accessories{background:#fff}.accessories-heading>div>p:last-child,.marketplace-label>p{color:#526071}
.marketplace-label{border-color:#145caf}.marketplace-label>span{color:#145caf}
.accessory-card{background:#f7f9fc;border-color:var(--line)}
.accessory-card figcaption{color:#526071;border-color:var(--line)}
.accessory-category{color:#145caf}.accessory-content>p:not(.accessory-category),.accessory-content details p{color:#526071}
.accessory-content details{border-color:var(--line)}
.marketplace-button:disabled{background:#e4e9f0;border-color:#ccd5e1;color:#526071;opacity:1}
.buying-path{border-color:var(--line)}.buying-path span{color:#526071}
.project-guide{background:#eaf0f8;border-color:#ccd8e6}.project-guide .eyebrow{color:#145caf}
.project-guide p,.project-guide nav a{color:#233248}.project-guide nav span{color:#526071}
.project-guide nav a:hover,.project-guide nav a:focus-visible{background:#dbe8fb}
.rollers{background:#f5f7fa;color:#161b22}
.roller-choice{background:#fff;color:#233248;border-color:#c5cfdb}
.roller-choice span{color:#526071}.roller-choice[aria-pressed="true"]{background:#e5effd;border-color:#145caf}
.roller-choice:focus-visible{outline-color:#145caf}.roller-load{color:#145caf!important}
.roller-detail{background:#fff;color:#161b22;border:1px solid var(--line);box-shadow:0 10px 30px #172c4510}
.roller-detail .eyebrow,.roller-detail .text-link{color:#145caf}
.roller-detail p,.roller-detail .roller-feedback{color:#526071}
.roller-checks{border-color:var(--line)}.roller-source{color:#526071}
.roller-showcase figure a{background:#e9edf3}.roller-showcase figure a span{background:#ffffffed;color:#145caf;border:1px solid #b6c6d9}
.roller-showcase figcaption,.roller-showcase-copy p:not(.eyebrow){color:#526071}
.roller-product-image{background:#fff;color:#145caf;border:1px solid #e3e8ef}
#photo-dialog{background:#f5f7fa;color:#161b22;border-color:#b6c6d9}
#photo-dialog::backdrop{background:#101820d9}
#dialog-image-area{background:#e9edf3}
.photo-dialog-header,.photo-dialog-footer,.dialog-creator-credit{border-color:var(--line)}
.photo-dialog-header button,.photo-dialog-footer button{background:#fff;color:#145caf;border-color:#b6c6d9}
.photo-dialog-header button[aria-pressed=true]{background:#145caf;color:#fff}
.photo-dialog-footer p,.dialog-creator-credit{color:#526071}
.distributor-card{background:#fff;border-color:var(--line)}.distributor-card>p:not(.eyebrow),.distributor-card>span{color:#526071}.distributor-card>a{color:#145caf}
::selection{background:#cfe2ff;color:#161b22}
/* PLANÍVEO product identity */
.planiveo-brand{display:block;flex-shrink:0;line-height:0;letter-spacing:normal}
.planiveo-brand img{display:block;width:245px;height:auto}
.hero .intro strong{font-weight:600;color:#233248}
.hero h1{font-size:clamp(40px,4.4vw,70px);letter-spacing:-2.3px;line-height:1.12}
.hero .eyebrow{max-width:460px;line-height:1.7}
footer .planiveo-brand img{width:225px}
@media(max-width:1100px){header{gap:18px}header .planiveo-brand img{width:215px}}
@media(max-width:720px){header .planiveo-brand img{width:185px}.hero h1{font-size:clamp(39px,9vw,60px);letter-spacing:-1.7px}header .button.small{font-size:11px;padding:10px}footer .planiveo-brand img{width:225px}}
@media(max-width:380px){header .planiveo-brand img{width:163px}header{gap:10px}.hero h1{font-size:37px}}