:root{
/* ---- base palette (sampled from the JBD homepage comp) ---- */
--navy-900:#031A28;--navy-800:#042233;--navy-700:#0A3048;--navy-600:#154462;--navy-200:#9FB4C2;
--terracotta-700:#8A330B;--terracotta-600:#A33E0D;--terracotta-500:#C05A28;--terracotta-200:#E5C0A9;
--gold-700:#A8690C;--gold-600:#CD8312;--gold-500:#DE9A22;--gold-200:#F0D49A;
--clay-500:#B4562A;
--cream-50:#FAF4EC;--cream-100:#F4EADE;--cream-200:#F2E7DC;--cream-300:#E8DAC8;--sand-400:#DCC1A7;--sand-500:#C9AB8D;
--stone-400:#B9AA98;--stone-600:#6F6559;
--white:#FFFFFF;
--success-600:#4A6B3C;--error-600:#A32A16;

/* ---- semantic surfaces ---- */
--surface-page:var(--cream-200);
--surface-raised:var(--cream-50);
--surface-card:var(--cream-100);
--surface-inverse:var(--navy-800);
--surface-accent:var(--terracotta-600);
--surface-sand:var(--sand-400);
--surface-sale:var(--gold-600);

/* ---- semantic text ---- */
--text-heading:var(--navy-800);
--text-body:var(--navy-700);
--text-muted:var(--stone-600);
--text-eyebrow:var(--terracotta-600);
--text-price:var(--navy-800);
--text-on-inverse:var(--cream-100);
--text-on-inverse-muted:var(--navy-200);
--text-on-accent:var(--cream-50);
--text-sale:var(--terracotta-600);
--text-link:var(--terracotta-600);
--text-link-hover:var(--terracotta-700);

/* ---- lines & strokes ---- */
--border-hairline:rgba(4,34,51,.12);
--border-strong:rgba(4,34,51,.28);
--border-on-inverse:rgba(244,234,222,.22);
--rule-accent:var(--gold-600);

/* ---- interactive ---- */
--action-primary:var(--gold-600);
--action-primary-hover:var(--gold-700);
--action-primary-text:var(--white);
--action-secondary:transparent;
--action-secondary-text:var(--navy-800);
--action-inverse-text:var(--cream-100);
--focus-ring:var(--gold-500);

/* ---- product colorway swatches (fiberglass finishes) ---- */
--finish-terracotta:#B4562A;--finish-clay:#9C3F16;--finish-navy:#08304A;
--finish-stone:#C9BBA6;--finish-saffron:#D79323;--finish-plum:#9A7E8D;
}