:root {
    --color-text: #203d36;
    --color-background: #f8f4ec;
    --color-primary: #18544b;
    --color-primary-hover: #103f37;
    --color-surface: #fffcf7;
    --color-surface-muted: #f0ece2;
    --color-accent: #aa4824;
    --color-accent-soft: #f2dfca;
    --color-border: #d5d9ce;
    --color-muted: #5a6b61;
    --color-error: #a32e2e;
    --shadow-surface: 0 12px 36px rgb(32 61 54 / 6%);
    --font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
    --radius-control: 0.375rem;
    --radius-surface: 1rem;
    --radius-search: 1.25rem;
    --motion-duration: 150ms;
}

/* Public Bamsen redesign, selected by the configured product. */
.public-site[data-site] {
 --ground:#0F2A43; --accent:#FFC72C; --accent-text:#FFC72C; --on-accent:#0F2A43;
 --page:#EEF2F6; --muted:#44596D; --muted-on-dark:#D5E0EA; --outline-dark:#5C7A94;
 --field-border:#B8C6D3; --divider-dark:#2E4C68; --panel-dark:#183951; --search-surface:#FFFFFF;
 --font-display:"Bricolage Grotesque",system-ui,sans-serif; --font-body:"Public Sans",system-ui,sans-serif;
 --color-text:var(--ground); --color-primary:var(--ground); --color-primary-hover:color-mix(in srgb,var(--ground) 92%,white);
 --color-background:var(--page); --color-surface:#FFFFFF; --color-surface-muted:#E8EEF3;
 --color-muted:var(--muted); --color-border:var(--field-border); --color-accent:var(--ground);
 --radius-control:10px; --radius-surface:14px; --radius-search:16px; --shadow-surface:none; --motion-duration:120ms;
}
.public-site[data-site="tyre"] {
 --ground:#1F1B18; --accent:#FF7A1A; --accent-text:#FF8A3D; --on-accent:#1F1B18;
 --page:#F2EEEA; --muted:#5A4E46; --muted-on-dark:#DDD3CB; --outline-dark:#6F625A;
 --field-border:#CFC4BA; --divider-dark:#4A413A; --panel-dark:#2E2823; --search-surface:#F7F3EF; --color-surface-muted:#F7F3EF;
}