:root {
--mythrifts-brown: #32291c;
--mythrifts-cream: #e8dfd2;
--mythrifts-gold: #c89b55;
--mythrifts-ink: #1f1b16;
--mythrifts-muted: #6f6559;
--mythrifts-white: #ffffff;
--mythrifts-radius-xl: 28px;
--mythrifts-shadow-soft: 0 20px 60px rgba(31, 27, 22, 0.14);
}

.mythrifts-container {
width: min(1180px, calc(100% - 32px));
margin-inline: auto;
}

.mythrifts-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 22px;
border-radius: 999px;
font-weight: 700;
text-decoration: none;
transition: transform 180ms ease, box-shadow 180ms ease;
}

.mythrifts-btn:hover {
transform: translateY(-1px);
}

.mythrifts-btn--primary {
background: var(--mythrifts-brown);
color: var(--mythrifts-cream);
box-shadow: 0 12px 30px rgba(50, 41, 28, 0.22);
}

.mythrifts-btn--secondary {
background: rgba(255, 255, 255, 0.78);
color: var(--mythrifts-brown);
border: 1px solid rgba(50, 41, 28, 0.14);
}