:root{
/* --- Brand palette (supplied). Orange is the PRIMARY brand colour; the
   other four are supporting surface pastels. --- */
--bb-orange:#E47245;
--bb-tan:#DCB99D;
--bb-sage:#D1D1A9;
--bb-gold:#D2C082;
--bb-cream:#E6E3D9;

/* --- Ink & neutrals (sampled from the badge artwork) --- */
--bb-ink:#231F20;
--bb-ink-80:#4A4547;
--bb-ink-60:#726C6E;
--bb-ink-30:#B4AFAF;
--bb-paper:#FBF8F1;
--bb-white:#FFFFFF;

/* --- Tints & shades, for hovers, borders and washes --- */
--bb-orange-dark:#C4552B;
--bb-orange-tint:#F3C0A9;
--bb-sage-dark:#A8A97F;
--bb-sage-tint:#E6E6CF;
--bb-tan-dark:#BE9678;
--bb-tan-tint:#EEDCCB;
--bb-gold-dark:#B09F5F;
--bb-gold-tint:#E8DEB9;
--bb-cream-dark:#CFCBBD;

/* --- Semantic surfaces --- */
--surface-page:var(--bb-paper);
--surface-card:var(--bb-white);
--surface-raised:var(--bb-cream);
--surface-sage:var(--bb-sage);
--surface-tan:var(--bb-tan);
--surface-gold:var(--bb-gold);
--surface-ink:var(--bb-ink);
--surface-accent:var(--bb-orange);
--brand-primary:var(--bb-orange);
--brand-primary-hover:var(--bb-orange-dark);
--brand-primary-on:var(--bb-paper);
--brand-secondary:var(--bb-sage);

/* --- Semantic text --- */
--text-body:var(--bb-ink);
--text-muted:var(--bb-ink-60);
--text-inverse:var(--bb-paper);
--text-accent:var(--bb-orange);
--text-link:var(--bb-orange);
--text-link-hover:var(--bb-orange-dark);

/* --- Lines --- */
--line-hairline:var(--bb-ink);
--line-soft:var(--bb-cream-dark);
--border-w-hair:1px;
--border-w-rule:2px;
--border-w-heavy:3px;

/* --- Status --- */
--status-open:#5C7A4A;
--status-closed:var(--bb-orange-dark);
--status-note:var(--bb-gold-dark);
}