/* Togamaker's four house colours, with coordinated section and control tokens. */
:root{
 --paper:#f2ebdf;--black:#191715;--wine:#552437;--gold:#c7aa82;
 --ink:#191715;--muted:#60534f;--line:#c8b79f;--clay:#c7aa82;
 --photo-surface:#dedddb;--photo-overlay:#f2ebdf;--control-line:#91765b;
}
:root,.tone-cream,.tone-paper{
 --tone-bg:#f2ebdf;--tone-title:#191715;--tone-text:#41312f;--tone-muted:#60534f;
 --tone-accent:#552437;--tone-line:#c8b79f;--tone-panel:#e7dac6;--tone-panel-line:#bda482;
 --tone-action:#552437;--tone-action-text:#f2ebdf;--tone-action-line:#552437;
 --tone-hover:#191715;--tone-hover-text:#f2ebdf;--tone-hover-line:#191715;
 --tone-focus:#552437;--tone-hover-panel:#e7dac6;--tone-outline:#8e725e;--tone-error:#94203b;
 --tone-wash:radial-gradient(ellipse at 92% 5%,#c7aa8224,transparent 65%);
}
.tone-stone{
 --tone-bg:#c7aa82;--tone-title:#191715;--tone-text:#332523;--tone-muted:#47352e;
 --tone-accent:#552437;--tone-line:#957654;--tone-panel:#dbc5a5;--tone-panel-line:#957654;
 --tone-action:#191715;--tone-action-text:#f2ebdf;--tone-action-line:#191715;
 --tone-hover:#552437;--tone-hover-text:#f2ebdf;--tone-hover-line:#552437;
 --tone-focus:#552437;--tone-hover-panel:#dbc5a5;--tone-outline:#71553f;--tone-error:#811c35;
 --tone-wash:radial-gradient(ellipse at 10% 0%,#f2ebdf30,transparent 68%);
}
.tone-black{
 --tone-bg:#191715;--tone-title:#f2ebdf;--tone-text:#e7ddcc;--tone-muted:#cbbdaa;
 --tone-accent:#c7aa82;--tone-line:#58463b;--tone-panel:#302226;--tone-panel-line:#775d4c;
 --tone-action:#f2ebdf;--tone-action-text:#191715;--tone-action-line:#f2ebdf;
 --tone-hover:#c7aa82;--tone-hover-text:#191715;--tone-hover-line:#c7aa82;
 --tone-focus:#c7aa82;--tone-hover-panel:#3c2730;--tone-outline:#b19776;--tone-error:#ffc9ba;
 --tone-wash:radial-gradient(ellipse at 88% 0%,#70203b40,transparent 64%);
}
.tone-wine{
 --tone-bg:#552437;--tone-title:#f2ebdf;--tone-text:#efe0d3;--tone-muted:#dbc5b4;
 --tone-accent:#e0c29a;--tone-line:#9b6671;--tone-panel:#3c1628;--tone-panel-line:#987080;
 --tone-action:#c7aa82;--tone-action-text:#191715;--tone-action-line:#c7aa82;
 --tone-hover:#f2ebdf;--tone-hover-text:#191715;--tone-hover-line:#f2ebdf;
 --tone-focus:#f2ebdf;--tone-hover-panel:#42162a;--tone-outline:#c7aa82;--tone-error:#ffdacb;
 --tone-wash:radial-gradient(ellipse at 90% 0%,#c7aa821c,transparent 58%),linear-gradient(135deg,#742338 0%,#612036 48%,#481529 100%);
}
body{background:var(--paper);color:var(--ink)}
.tone[data-rhythm],.tone.surface-panel{
 background-color:var(--tone-bg);background-image:var(--tone-wash);
 color:var(--tone-text);border-color:var(--tone-line);
}
.tone ::selection{background:var(--tone-accent);color:var(--tone-bg)}
.tone :is(h1,h2,h3,h4,strong){color:var(--tone-title)}
.tone :is(h1,h2) em,.tone .eyebrow{color:var(--tone-accent)}
.tone :is(.muted,.field-note,.field small){color:var(--tone-muted)}
.tone :is(.text-link,.signature-link){color:var(--tone-accent);border-color:var(--tone-outline)}
.tone :is(.text-link,.signature-link):hover{color:var(--tone-title);border-color:currentColor}
.tone :is(a,button,input,select,textarea,summary):focus-visible{
 outline:3px solid var(--tone-focus);outline-offset:4px;
}

/* Pale actions on dark surfaces; burgundy actions on the two light surfaces. */
.tone .button,.tone .button.white,.signature-hero .signature-actions .button{
 background:var(--tone-action);color:var(--tone-action-text);border:1px solid var(--tone-action-line);
 border-radius:999px;box-shadow:none;transition:background-color .22s,color .22s,border-color .22s,transform .22s;
}
.tone .button:hover,.tone .button.white:hover,.signature-hero .signature-actions .button:hover{
 background:var(--tone-hover);color:var(--tone-hover-text);border-color:var(--tone-hover-line);
}
.tone .button.secondary,.tone .button.outline-white{
 background:transparent;color:var(--tone-title);border-color:var(--tone-outline);
}
.tone .button.secondary:hover,.tone .button.outline-white:hover{
 background:var(--tone-action);color:var(--tone-action-text);border-color:var(--tone-action-line);
}
.button:disabled{cursor:not-allowed;transform:none}
.header.tone,.header.tone.is-scrolled{background:#302a2c}
.home-page .header.tone,.home-page .header.tone.is-scrolled{background:transparent}
.header.tone .nav>.button,.home-page .header .nav>.button{
 background:#e9e1d4;color:#302a2c;border-color:#e9e1d4;border-radius:999px;
}
.header.tone .nav>.button:hover,.home-page .header .nav>.button:hover{
 background:#f1ebe1;color:#302a2c;border-color:#f1ebe1;
}
.header.tone .nav-links>a{color:var(--tone-text)}
.header.tone .nav-links>a:hover,.header.tone .nav-links>a[aria-current=page]{color:var(--tone-accent)}
.header.tone .menu-toggle{border-color:var(--tone-outline);color:var(--tone-title);border-radius:999px}
.home-page .signature-hero{background-color:#302a2c;color:var(--tone-text)}
.signature-copy h1{color:var(--tone-title)}
.signature-copy h1 em,.signature-copy .eyebrow{color:var(--tone-accent)}
.signature-lead,.signature-models{color:var(--tone-text)}
.signature-baseline{border-color:var(--tone-line)}
.signature-baseline p{color:var(--tone-muted)}
.signature-baseline strong{color:var(--tone-title)}
.home-page .header .brand-sub{color:var(--tone-muted)}
.home-page .header-inner,body:not(.home-page) .header-inner,
.header.tone .nav-links,.home-page .header .nav-links>a{border-color:var(--tone-line)}
.signature-hero a:focus-visible{outline-color:var(--tone-focus)}
.tone.atelier-facts{background-image:none}
.atelier-facts>div+div{border-color:#9b7782}
.ticker{color:var(--clay)}
.ticker b{color:var(--gold)}

/* Contrasting inset cards retain straight, equally sized garment portraits. */
.tone.surface-panel{
 border:1px solid var(--tone-panel-line);border-radius:6px;
 box-shadow:0 12px 34px #302a2c0a;
}
.collection-plate .product-card,.collection-plate .product-card:hover{
 background:transparent;border:0;box-shadow:none;transform:none;
}
.collection-plate .product-info.surface-panel{padding:clamp(20px,2.2vw,30px)}
.collection-plate .product-info p{color:var(--tone-text)}
.tone.product-card:hover .product-photo img{opacity:1;transform:none}
.product-info .card-price{border-color:var(--tone-line)}
.tone.product-card:hover .arrow{background:var(--tone-action);color:var(--tone-action-text);border-color:var(--tone-action-line)}
.product-copy.surface-panel{background-color:var(--tone-bg);background-image:var(--tone-wash)}
.tone.surface-panel :is(.product-includes,.card-service,.card-price small){color:var(--tone-muted)}
.tone.surface-panel .product-service a{color:var(--tone-title)}
.variant-card.surface-panel{overflow:hidden;padding:18px 18px 0}
.variant-card.surface-panel .variant-content{padding:26px 12px 30px}
.variant-card.surface-panel>a>.illustration{border-radius:3px}
.knowledge-band .knowledge-card.surface-panel{padding:30px;min-height:0}
.knowledge-grid{gap:24px}
.tone.surface-panel:is(.variant-card,.knowledge-card):hover{
 background-color:var(--tone-bg);border:1px solid var(--tone-outline);box-shadow:0 16px 36px #302a2c14;transform:none;
}
.steps{gap:20px}
.step.surface-panel{padding:28px 23px;min-width:0}
.step.surface-panel p{color:var(--tone-muted)}
.step.surface-panel .step-num{color:var(--tone-accent)}
.appointment-location.surface-panel{padding:clamp(26px,4vw,48px)}
.tone .faq-list details[open]{background:var(--tone-panel);padding-inline:20px;border-color:var(--tone-line)}
.tone .faq-list details{transition:background-color .2s}

/* Each wizard step has its own surface, while inputs stay light and readable. */
.tone .form-panel.surface-panel{background-color:var(--tone-bg);background-image:var(--tone-wash);padding:clamp(24px,4vw,38px)}
.tone .field label,.tone .checkbox-row{color:var(--tone-title)}
.field :is(input,select,textarea){
 background:#f1ebe1;color:#302a2c;border:1px solid var(--control-line);
 color-scheme:light;accent-color:#683848;
}
.field :is(input,textarea)::placeholder{color:#6a6264;opacity:1}
.field select option{background:#f1ebe1;color:#302a2c}
.field :is(input,select,textarea):focus{border-color:#683848;box-shadow:0 0 0 2px #68384824}
.tone .callout{background:var(--tone-panel);color:var(--tone-text);border-color:var(--tone-accent)}
.tone .callout p{color:var(--tone-text)}
.tone .summary-box{background:#f1ebe1;color:#302a2c;border-color:#c6b5a3}
.tone .status.error{color:var(--tone-error)}
.tone .field :is(input,select,textarea)[aria-invalid=true]{border-color:#9c223b}
.tone .form-buttons{padding-top:25px;border-color:var(--tone-line)}
.tm-consent{background:#f1ebe1;color:#302a2c;border-color:#cfc1b1;border-radius:6px}
.tm-consent button{border-radius:999px}
.gallery-dialog{background:#f1ebe1;color:#302a2c}
.gallery-dialog::backdrop{background:#302a2ce6}
.gallery-expand,.standalone-gallery .gallery-expand,.university-zoom,.image-label{
 background:var(--photo-overlay);color:var(--ink);border-color:var(--control-line);
}
.gallery-dialog-close{border-color:var(--control-line)}
.illustration,.illustration.single-view,.gallery-picture,
.standalone-gallery .gallery-picture,.standalone-gallery .gallery-picture[data-view=details],
.gallery-thumbnails img,.gallery-dialog img,.university-model-photo button{background:var(--photo-surface)}
.footer.tone{background:#302a2c;background-image:none;border-top:1px solid #48434a}
.footer .brand-wordmark{filter:none}
.footer.tone .footer-contact address{color:var(--tone-text)}

@media(hover:hover) and (pointer:fine){
 .tone .button:hover,.signature-hero .signature-actions .button:hover{transform:translateY(-2px)}
 .tone .button:disabled:hover{transform:none}
 .product-info.surface-panel{transition:border-color .22s,box-shadow .22s}
 .product-card:hover .product-info.surface-panel{border-color:var(--tone-outline);box-shadow:0 16px 36px #302a2c18}
}
@media(max-width:1100px){
 .home-page .header .nav{background:#302a2c;border-color:#48434a}
}
@media(max-width:950px){
 .header.tone .nav{background:#302a2c}
 .knowledge-band .knowledge-card.surface-panel{padding:25px}
 .step.surface-panel{padding:25px 20px}
}
@media(max-width:650px){
 .collection-plate .product-info.surface-panel{padding:26px 24px}
 .knowledge-grid,.steps{gap:18px}
 .variant-card.surface-panel{padding:14px 14px 0}
 .variant-card.surface-panel .variant-content{padding:24px 10px 28px}
 .tone .faq-list details[open]{padding-inline:15px}
}
@media(prefers-reduced-motion:reduce){
 .tone .button,.tone .surface-panel{transition:none}
 .tone .button:hover,.signature-hero .signature-actions .button:hover{transform:none}
}
@media print{
 .tone,.tone.surface-panel{--tone-bg:#fff;--tone-title:#000;--tone-text:#000;--tone-muted:#333;--tone-accent:#000;--tone-panel:#fff;--tone-line:#aaa;background:#fff!important;color:#000;box-shadow:none}
 .home-page .signature-hero{background:#fff;color:#000}
 .tone .button{background:#fff;color:#000;border-color:#000}
}