:root{--ink:#2c292a;--ink-soft:#696160;--navy:#2c292a;--navy-2:#494041;--red:#8b3c48;--red-dark:#652a34;--cream:#f1ebe4;--paper:#fffdf9;--line:#d9cec4;--shadow:0 16px 40px rgba(44,41,42,.08);--radius:6px}
body{background:#f8f4ee;color:var(--ink)}
/* Font roles are defined in typography.css. */
.site-header{background:rgba(255,253,249,.96);border-bottom-color:var(--line);box-shadow:none}
.brand img{width:150px;height:auto;max-height:48px;object-fit:contain}
.hero-section{background:#eae2d8}.hero-slider{background:#f4ede5;border-radius:6px;box-shadow:var(--shadow)}
.hero-slide{color:var(--ink)}.hero-copy p:not(.eyebrow){color:var(--ink-soft)}
.hero-copy .outline-button--light{color:var(--ink);border-color:var(--ink);background:transparent}
.hero-dots button{background:#c7b8ae}.hero-dots button.is-active{background:var(--red)}
.section--tint{background:#eee7df}.section--dark{background:#e5ded4;color:var(--ink)}
.section-heading--light p,.section-heading--light>a{color:var(--ink-soft)}
.contact-section{background:linear-gradient(135deg,#2c292a,#494041);border-radius:6px}
.primary-button,.outline-button,.danger-button,.icon-button,.close-button{border-radius:4px}
.product-card,.service-card,.guide-card,.company-data,.faq-list details,.works-grid figure,.product-image,.product-dialog-image{border-radius:6px;border-color:var(--line)}
.product-image,.product-dialog-image,.cart-item img{background:#f1ebe4}
.staff-mode-panel,.design-survey,.drawer-panel,.product-dialog{background:#fffdf9;border-color:var(--line)}
.staff-mode-close,.design-survey-close,.icon-button:hover,.close-button:hover{background:#eee7df}
.product-links button[data-product-detail]:hover{background:#eee7df}
.product-dialog-note,.drawer-foot,.cart-footer{background:#f4ede5}
.site-footer{background:#eae2d8;color:var(--ink)}.site-footer img{width:170px;height:auto;object-fit:contain}
@media(max-width:600px){.brand img{width:115px;max-height:38px}}

/* Larger header logo after removing the studio caption. */
.site-header .brand img{width:190px;max-height:62px;height:auto}
@media(max-width:600px){.site-header .brand img{width:145px;max-height:48px}}