:root {
    --theme-primary: #247565;
    --theme-primary-dark: #123c3a;
    --theme-accent: #e36e4b;
    --theme-background: #fbfcfa;
    --theme-surface: #fff;
    --theme-text: #18302f;
}

body {
    color: var(--theme-text);
    background: var(--theme-background);
}

.btn-primary,
.filter.active,
.eyebrow,
.badge,
.stat b,
.tag,
.nav-links a:hover {
    color: var(--theme-primary);
}

.btn-primary,
.filter.active {
    color: #fff;
    background: var(--theme-primary);
}

.btn-primary:hover {
    background: var(--theme-primary-dark);
}

.brand-mark,
.visual-shape {
    background-color: var(--theme-primary);
}

.hero h1,
.section-head h2,
.price {
    color: var(--theme-primary-dark);
}

.sidebar,
.footer,
.cta {
    background-color: var(--theme-primary-dark);
}

.btn-warm,
.cart-link span {
    background: var(--theme-accent);
}

.admin-sidebar a.active,
.admin-primary {
    background: var(--theme-primary);
}

.admin-topbar {
    border-color: color-mix(in srgb, var(--theme-primary) 20%, transparent);
}