/* storeIn — continuous daylight palette. Photographs retain their exposure. */
:root{
  --ui-bg:#2f373f;--ui-surface:#373f47;--ui-surface-alt:#2b333b;
  --ui-ink:#fff;--ui-muted:#aaaeb1;--ui-line:#63696f;--ui-soft:#2b333b;
  --ui-accent:#fff;--ui-button:#fff;--ui-on-button:#18212a;
  --ui-chrome:#2f373f;--ui-chrome-ink:#fff;--ui-amount:.1;
  --ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-line);--cream:var(--ui-surface-alt);
}
body{background:var(--ui-bg);color:var(--ui-ink)}
html[data-appearance] body::after{display:none}
.site-header{background:var(--ui-chrome);color:var(--ui-chrome-ink);border-color:var(--ui-line)}
.dropdown-panel,.mobile-nav{background:var(--ui-chrome);color:var(--ui-chrome-ink);border-color:var(--ui-line)}
.desktop-nav .wp-menu,.mobile-nav .wp-mobile-menu{color:var(--ui-chrome-ink)}
.desktop-nav .wp-menu .sub-menu,.mobile-nav .wp-mobile-menu .sub-menu{background:var(--ui-chrome);color:var(--ui-chrome-ink);border-color:var(--ui-line)}
.desktop-nav .wp-menu .sub-menu{border:1px solid var(--ui-line)}
.desktop-nav .wp-menu .sub-menu a,.mobile-nav .wp-mobile-menu a{color:var(--ui-chrome-ink)}
.desktop-nav .wp-menu a:hover,.desktop-nav .wp-menu a:focus-visible,.mobile-nav .wp-mobile-menu a:hover{color:var(--ui-accent)}
.desktop-nav a:hover,.nav-trigger:hover,.text-link:hover{color:var(--ui-accent)}
.skip-link{background:var(--ui-surface);color:var(--ui-ink)}
.button-dark{background:var(--ui-button);color:var(--ui-on-button)}
.button-dark:hover{background:var(--ui-accent);color:var(--ui-on-button)}
.button-cream{background:var(--ui-surface);color:var(--ui-ink)}
.button-cream:hover{background:var(--ui-soft)}
.hero .button-cream{background:#f6f8fa;color:#18212a}
.hero .button-cream:hover{background:#fff}
.hero-note{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
.eyebrow,.benefit-list>div>span,.source-caption,.maison-origin>span,
.maison-signature,.faq-list summary span{color:var(--ui-muted)}
.eyebrow.light{color:#eff3f7}
h2 em{color:var(--ui-muted)}
.signature-bar,.professional-section{background:var(--ui-surface-alt)}
.collections{background:var(--ui-bg)}
.maison{background:var(--ui-surface)}
.project-cta{background:linear-gradient(115deg,var(--ui-surface-alt),var(--ui-surface))}
.project-cta h2 em{color:var(--ui-muted)}
.concept-visual{background:var(--ui-surface-alt)}
.concept-visual>img{mix-blend-mode:normal}
.glass-tag{background:var(--ui-surface);color:var(--ui-ink)}
.glass-tag>span{background:var(--ui-ink)}
.manufacturer img{background:#f7f9fa;padding:4px 7px;border-radius:2px}
.round-arrow{background:var(--ui-surface);color:var(--ui-ink)}
.collection-card:hover .round-arrow{background:var(--ui-soft)}
.filter-buttons button{border-color:var(--ui-line)}
.filter-buttons button.active{background:var(--ui-button);color:var(--ui-on-button);border-color:var(--ui-button)}
.text-link,.source-caption button{border-color:var(--ui-line)}
.light-experience .text-link{color:#f5f8fa;border-color:#8c9aa6}
.light-experience h2 em{color:#b3c4d1}
.light-experience .eyebrow{color:#c4cfd8}
.site-footer{padding-bottom:84px}

/* Native presentation dialogs share the visitor's selected ambience. */
dialog{background:var(--ui-surface);color:var(--ui-ink)}
.dialog-close{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
.demo-banner,.summary-grid>div,.success-check{background:var(--ui-surface-alt);color:var(--ui-ink)}
.account-option,.choice-card{background:var(--ui-surface);border-color:var(--ui-line)}
.account-option:hover,.choice-card.active{background:var(--ui-soft);border-color:var(--ui-ink)}
.choice-card.active{box-shadow:inset 0 0 0 1px var(--ui-ink)}
.choice-card.active:after{color:var(--ui-ink)}
.quote-stepper span{background:var(--ui-line)}
.quote-stepper span.current{background:var(--ui-ink)}
.form-field input,.form-field select,.form-field textarea{background:var(--ui-bg);color:var(--ui-ink);border-color:var(--ui-line)}
.form-note{color:var(--ui-muted)!important}
.quote-error{color:var(--ui-ink)!important}
.status-pill{background:var(--ui-soft);color:var(--ui-ink)}
.principle-modal>div:first-child{background:var(--ui-surface-alt)}
.principle-points span{color:var(--ui-muted)}
.account-sidebar{background:#18212a;color:#f2f6f9}
.toast{background:var(--ui-button);color:var(--ui-on-button)}

/* Commerce screens: neutral surfaces, readable fields and meaningful states. */
#storein-app{background:var(--ui-bg);color:var(--ui-ink)}
.c-product-card,.c-system-card,.c-panel,.c-choice,.c-stat,.c-project-item,
.c-file-item,.c-quote-card,.c-resource,.c-pro-step{background:var(--ui-surface);border-color:var(--ui-line)}
.c-demo,.c-notice,.c-empty,.c-detail,.c-product-bottom,.c-product-photo,.c-wizard-side,
.c-project-header,.c-contact-aside,.c-upload,.c-line-card,.c-add-line,
.c-success-mark{background:var(--ui-surface-alt);color:var(--ui-ink);border-color:var(--ui-line)}
.c-breadcrumb,.c-eyebrow,.c-title em,.c-lead,.c-count,.c-product-card p,
.c-check-inline,.c-empty p,.c-loader,.c-benefits span:before,.c-detail p,
.c-system-code,.c-system-card p,.c-field,.c-field small,.c-choice p,
.c-mini-stat,.c-wizard-side p,.c-summary-line p,.c-definition dt,
.c-account-top p,.c-stat span,.c-project-item p,.c-project-item-top,
.c-quote-card>p,.c-quote-card-top,.c-quote-total span,.c-resource>span,
.c-resource p,.c-contact-aside p,.c-contact-aside dt,.c-pro-step p,
.c-pro-step>span,.c-success p,.c-note,.c-upload p,.c-file-item small,
.c-inline-code,.c-event,.c-event small{color:var(--ui-muted)}
.c-btn{background:var(--ui-button);border-color:var(--ui-button);color:var(--ui-on-button)}
.c-btn:hover{background:var(--ui-accent);color:var(--ui-on-button)}
.c-btn.secondary,.c-btn.light,.c-btn.danger{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
.c-btn.secondary:hover,.c-btn.light:hover,.c-btn.danger:hover{background:var(--ui-soft);color:var(--ui-ink)}
.c-btn.danger{border-color:#ba8075}
.c-filter button,.c-chip,.c-favorite{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
.c-filter button.active,.c-favorite.active{background:var(--ui-button);border-color:var(--ui-button);color:var(--ui-on-button)}
.c-tags span{color:var(--ui-muted);border-color:var(--ui-line)}
.c-search input{color:var(--ui-ink);border-color:var(--ui-line)}
.c-field input,.c-field select,.c-field textarea,.c-message-form textarea,
.c-inline-filters select{background:var(--ui-bg);color:var(--ui-ink);border-color:var(--ui-line);accent-color:var(--ui-ink)}
.c-field input::placeholder,.c-field textarea::placeholder,.c-search input::placeholder,
.c-message-form textarea::placeholder{color:var(--ui-muted);opacity:1}
.c-check-inline input{accent-color:var(--ui-ink)}
.c-choice.selected{background:var(--ui-soft);border-color:var(--ui-ink)}
.c-choice.selected:after,.c-mini-stat b,.c-definition dd,.c-stat strong,
.c-quote-total,.c-quote-lines .c-sum,.c-contact-aside dd{color:var(--ui-ink)}
.c-compare th,.c-quote-lines th{background:var(--ui-surface-alt);color:var(--ui-ink)}
.c-compare .c-compare-label{color:var(--ui-muted)}
.c-step,.c-step strong,.c-auth-tabs button,.c-project-tabs button,
.c-timeline-step{color:var(--ui-muted)}
.c-step.active,.c-step.active strong,.c-auth-tabs button.active,
.c-project-tabs button.active,.c-timeline-step.active{color:var(--ui-ink);border-color:var(--ui-ink)}
.c-toolbar,.c-card-footer,.c-compare-wrap,.c-compare td,.c-compare th,.c-step,.c-summary-line,
.c-definition div,.c-auth-tabs,.c-project-tabs,.c-timeline-step,
.c-quote-lines td,.c-quote-lines th,.c-quote-response,.c-settings-actions,
.c-activity,.c-back,.c-text-btn,.c-breadcrumb a{border-color:var(--ui-line)}
.c-message{background:var(--ui-surface-alt);color:var(--ui-ink)}
.c-message.mine{background:#26343f;color:#f1f5f8}
.c-comparison-bar{background:#18212a;color:#f6f8fa;bottom:calc(154px + env(safe-area-inset-bottom))}
.c-account-sidebar{background:#18212a;color:#d9e6ef}
.c-status{background:var(--ui-soft);color:var(--ui-ink);border-left:2px solid var(--ui-muted)}
.c-status.submitted,.c-status.studying{background:var(--ui-soft);color:var(--ui-ink);border-left-color:#ad9666}
.c-status.quoted,.c-status.sent{background:var(--ui-soft);color:var(--ui-ink);border-left-color:#7293ad}
.c-status.completed,.c-status.accepted{background:var(--ui-soft);color:var(--ui-ink);border-left-color:#719184}
.c-status.cancelled,.c-status.declined{background:var(--ui-soft);color:var(--ui-ink);border-left-color:#bb8273}
.c-notice.warning{background:var(--ui-surface-alt);color:var(--ui-ink);border-color:#ad9666}
.c-notice.error,.c-error,.c-delete-confirm,.c-main-error{background:var(--ui-surface-alt);color:var(--ui-ink);border-color:#bb8273}
.c-main-error p{color:var(--ui-muted)}
.c-line-head button{color:var(--ui-ink);text-decoration:underline;text-decoration-color:#bb8273;text-underline-offset:4px}
.c-event:before{background:var(--ui-muted);border-color:var(--ui-bg);box-shadow:0 0 0 1px var(--ui-line)}

/* A permanent two-touch rocker, including in the dialog top layer. */
.appearance-dock{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:80;display:flex;flex-direction:column;align-items:stretch;width:88px;padding:0;overflow:hidden;background:var(--ui-chrome);color:var(--ui-chrome-ink);border:1px solid var(--ui-line);border-radius:14px;box-shadow:0 8px 30px #18212a26;font-family:var(--sans);line-height:1.5;isolation:isolate;transform:scale(.6);transform-origin:bottom right}
.appearance-remote-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:5px;row-gap:0;min-height:33px;padding:8px 8px 6px;border-bottom:1px solid var(--ui-line)}
.appearance-label{font-size:9px;font-weight:500;line-height:1.4}
.appearance-readout{margin:0;color:inherit;font:inherit;font-size:10px;font-weight:600;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}
.appearance-rocker{display:flex;flex-direction:column}
.appearance-rocker>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:58px;margin:0;padding:8px 3px;background:transparent;color:var(--ui-chrome-ink);border:0;border-radius:0;font:inherit;font-size:10px;font-weight:500;line-height:1.3;text-align:center;touch-action:manipulation;transition:background .15s,color .15s}
.appearance-rocker>button+button{border-top:1px solid var(--ui-line)}
.appearance-rocker>button>svg{display:block;flex:0 0 22px;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.appearance-drive-label{display:block;white-space:nowrap}
.appearance-stop-icon{display:none;fill:currentColor;stroke:none}
@media(hover:hover){.appearance-rocker>button:hover{background:var(--ui-surface-alt)}}
.appearance-rocker>button[aria-pressed="true"],.appearance-dock[data-motor-state="opening"] .appearance-drive-up,.appearance-dock[data-motor-state="closing"] .appearance-drive-down{background:var(--ui-chrome-ink);color:var(--ui-chrome)}
.appearance-rocker>button[aria-pressed="true"]>svg>path,.appearance-dock[data-motor-state="opening"] .appearance-drive-up>svg>path,.appearance-dock[data-motor-state="closing"] .appearance-drive-down>svg>path{display:none}
.appearance-rocker>button[aria-pressed="true"] .appearance-stop-icon,.appearance-dock[data-motor-state="opening"] .appearance-drive-up .appearance-stop-icon,.appearance-dock[data-motor-state="closing"] .appearance-drive-down .appearance-stop-icon{display:block}
.appearance-rocker>button:focus-visible{position:relative;z-index:1;outline:2px solid currentColor;outline-offset:-5px}
.appearance-state,.appearance-motion-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.appearance-help{margin:0;padding:7px 7px 8px;border-top:1px solid var(--ui-line);color:var(--ui-chrome-ink);font-size:8px;font-weight:400;line-height:1.5;text-align:center}
.site-version{position:fixed;left:18px;bottom:max(22px,env(safe-area-inset-bottom));z-index:79;padding:5px 9px;background:var(--ui-chrome);color:var(--ui-chrome-ink);border:1px solid var(--ui-line);border-radius:20px;font-size:8px;line-height:1.6;letter-spacing:.5px;font-variant-numeric:tabular-nums;pointer-events:none;box-shadow:0 2px 12px #18212a10}
@media(max-width:650px){
  .appearance-dock{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
  .site-version{left:12px;bottom:max(17px,env(safe-area-inset-bottom));font-size:7px;padding:4px 8px}
  .c-comparison-bar{bottom:calc(142px + env(safe-area-inset-bottom))}
}
@media(max-height:350px){
  .appearance-rocker>button{min-height:48px;padding-block:4px}
  .appearance-remote-head{min-height:29px;padding-block:5px}
  .appearance-help{padding-block:5px}
}
@media(prefers-reduced-motion:reduce){
  .appearance-rocker>button{transition:none}
}