/* Seijaku Home brand palette supplied on 6 November 2026.
   Small text on sand uses black. Taupe text is reserved for cream surfaces. */
:root {
    --brand-cream:#F2EBE3;
    --brand-sand:#DCCBBE;
    --brand-soft-taupe:#A58F7A;
    --brand-taupe:#6E6458;
    --brand-black:#111111;
    --ink:var(--brand-black);
    --forest:var(--brand-black);
    --cream:var(--brand-cream);
    --sand:var(--brand-sand);
    --line:var(--brand-sand);
    --muted:var(--brand-taupe);
    --sage:var(--brand-soft-taupe);
}
.button-green { background:var(--brand-black); color:var(--brand-cream); }
.button-green:hover { background:var(--brand-taupe); color:var(--brand-cream); }
.button-cream { background:var(--brand-cream); color:var(--brand-black); }
.hero .eyebrow,.hero-copy>p,.hero-location,.hero-viewer-link { color:var(--brand-sand); }
.hero h1 em,.contact-copy h2 em { color:var(--brand-sand); }
.contact-info small { color:var(--brand-sand); border-color:var(--brand-soft-taupe); }
.project-section p,.project-story dt,.project-story dd,
.project-section .eyebrow,.project-heading-right span,
.plan-title small,.project-section .project-disclaimer,
.viewer-invitation p,.viewer-invitation-actions>span { color:var(--brand-black); }
.choice input:checked+span { color:var(--brand-black); }
.form-error { color:var(--brand-black); font-weight:600; }
.swatch>span,.swatch>strong { color:var(--brand-black); }
.seijaku-viewer-page { --paper:var(--brand-cream); --accent:var(--brand-taupe); }
.seijaku-viewer-page .selection-card p,
.seijaku-viewer-page .selection-card dt,
.seijaku-viewer-page .selection-label,
.seijaku-viewer-page .selection-card .eyebrow { color:var(--brand-black); }
.seijaku-viewer-page .stage-legend { color:var(--brand-black); }
.seijaku-viewer-page .stage-badge { color:var(--brand-black); }
.seijaku-viewer-page .viewer-status { background:var(--brand-black); color:var(--brand-cream); }

.photo-tag { color:var(--brand-black); }

/* Five swatches show the exact brand colors. */
.brand-palette .swatch { width:20%; min-width:0; padding:17px 10px; }
.brand-palette .swatch strong { font-size:clamp(14px,1.4vw,21px); line-height:1.12; }
.brand-palette .brand-cream { background:#F2EBE3; transform:rotate(-7deg) translateY(15px); }
.brand-palette .brand-sand { background:#DCCBBE; transform:rotate(-3deg); }
.brand-palette .brand-soft-taupe { background:#A58F7A; transform:rotate(1deg) translateY(14px); }
.brand-palette .brand-taupe { background:#6E6458; transform:rotate(5deg) translateY(-3px); }
.brand-palette .brand-black { background:#111111; transform:rotate(8deg) translateY(8px); }
.brand-palette .brand-taupe>span,.brand-palette .brand-taupe>strong,
.brand-palette .brand-black>span,.brand-palette .brand-black>strong { color:#F2EBE3; }
@media(max-width:600px) { .brand-palette { padding:0 5px; } .brand-palette .swatch { padding:15px 7px; } .brand-palette .swatch span { font-size:7px; } }