:root { --brand-cream: #fffced; --brand-paper: #fffdf3; --brand-pink: #ff5f89; --brand-plum: #70485b; --brand-muted: #806a73; --brand-line: #f0cbd4; --cream: var(--brand-cream); --paper: var(--brand-paper); --cacao: var(--brand-plum); --muted: var(--brand-muted); --terracotta: var(--brand-pink); --line: var(--brand-line); }
.brand { font-size: 0; gap: 0; height: 62px; width: 158px; }
.brand::before { background: url('../img/logo.png') center / contain no-repeat; content: ''; display: block; height: 100%; width: 100%; }
.brand > .brand-mark, .brand > span:last-child { display: none; }
.site-footer { background: var(--brand-plum); }
.quote { background: var(--brand-plum); }
.product-image-wrap { background: #f6d7df; }
.hero-arch { background: var(--brand-pink); }
.button-dark, .quick-add { background: var(--brand-plum); }
.button-dark:hover, .quick-add:hover, .quick-add.added { background: var(--brand-pink); }
.brand-footer { width: 158px; }