/* Office palette; the reference layout and typography remain unchanged. */
:root{--paper:#edf3f8;--raised:#f7fafc;--inset:#dfe9f1;--ink:#21374a;--soft:#536c80;--accent:#195f91;--line:#c9d7e2;--error:#a33a32;--inverse:#f5f9fc}
:root[data-theme=dark]{--paper:#14212d;--raised:#192b3a;--inset:#203545;--ink:#e7eff6;--soft:#abbecf;--accent:#86bce4;--line:#344c60;--error:#f0a499;--inverse:#162a3a}
.brand .office-wordmark{display:flex;flex-direction:column;align-items:center;line-height:1.25;letter-spacing:.24em;font:500 18px var(--sans)}
.brand .office-wordmark small{font:400 10px var(--sans);letter-spacing:.18em;color:var(--ink);margin-top:3px;text-transform:lowercase}
:root[data-theme=dark] .brand .brand-dark{filter:grayscale(1) brightness(2.8);opacity:1}
.office-cover-mark{fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round}
.office-cover-mark path{fill:none!important;stroke:currentColor!important;stroke-width:2!important}
.office-open{margin-top:12px}.office-open+.message:empty{margin-top:0}
.product-preview-frame{background:var(--inset);aspect-ratio:16/9}
.product-preview-frame img{width:100%;height:100%;object-fit:contain;object-position:center}
.gallery-stage:not(.is-zoomed) img{object-fit:contain;max-height:100%;width:auto;height:auto;max-width:100%}
.inquiry-field input,.inquiry-field textarea,.password-field input{font-size:16px}
@media(max-width:760px){.brand .office-wordmark{font-size:16px}.brand .office-wordmark small{font-size:9px}}
:root,:root[data-theme=light]{--header-paper:#e2ecf4;--header-line:#bdcedc;--editorial-heading:#304d63;--editorial-detail:#466f8e;--editorial-subheading:#416b88;--prose:#536c80;--cover-heading:#44667f;--cover-muted:#58758b;--cover-prose:#536c80;--wash:#e2ecf4}
:root[data-theme=dark]{--header-paper:#172938;--header-line:#344c60;--editorial-heading:#d2e2ef;--editorial-detail:#93b4ce;--editorial-subheading:#9bbcd6;--prose:#b8cad9;--cover-heading:#d2e2ef;--cover-muted:#aec7db;--cover-prose:#b8cad9;--wash:#203545}
/* This card stays dark in both themes, so its headings need their own light palette. */
:root .privacy-section{background:#1b2d3c;color:#e7eff6;--accent:#9bc8e8;--editorial-detail:#9bc8e8;--privacy-accent:#9bc8e8;--privacy-soft:#bbcddd;--privacy-line:#456176}
:root[data-theme=dark] .privacy-section{background:#192b3a}
.installation .primary-button,:root[data-theme=dark] .installation .primary-button{background:var(--accent);border-color:var(--accent);color:var(--inverse)}
.installation .primary-button:hover:not(:disabled),:root[data-theme=dark] .installation .primary-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,var(--ink));border-color:var(--accent);color:var(--inverse)}