:root{
/* --- Brand palette (source of truth) --- */
--be-ink:#2D3047;
--be-salmon:#F28482;
--be-blush:#F5CAC3;
--be-marigold:#F6BD60;
--be-ember:#DD4B1A;
--be-azure:#067BC2;
--be-cream:#F7EDE2;

/* --- Tints & shades (derived, oklch-harmonised) --- */
--be-ink-900:#1B1D2C;
--be-ink-700:#2D3047;
--be-ink-500:#4A4E6C;
--be-ink-300:#7B7F9B;
--be-ink-100:#C9CBD8;
--be-ink-050:#E7E8EE;

--be-salmon-600:#D95F5D;
--be-salmon-500:#F28482;
--be-salmon-200:#FAC7C6;
--be-blush-100:#FBE7E3;
--be-marigold-600:#DE9C36;
--be-marigold-500:#F6BD60;
--be-marigold-200:#FBE3B9;
--be-ember-600:#B93C13;
--be-ember-500:#DD4B1A;
--be-ember-200:#F6C6B4;
--be-azure-700:#04619B;
--be-azure-500:#067BC2;
--be-azure-200:#B4DAF0;
--be-cream-100:#FBF6F0;
--be-cream-200:#F7EDE2;
--be-cream-300:#EFE0CF;
--be-white:#FFFFFF;

/* --- Semantic: text --- */
--text-strong:var(--be-ink-900);
--text-body:var(--be-ink-700);
--text-muted:var(--be-ink-300);
--text-inverse:var(--be-cream-200);
--text-accent:var(--be-ember-500);
--text-heading:var(--be-azure-500);
--text-highlight:var(--be-azure-500);
--text-link:var(--be-azure-500);
--text-link-hover:var(--be-azure-700);
--text-on-brand:var(--be-white);

/* --- Semantic: surfaces --- */
--surface-page:var(--be-white);
--surface-warm:var(--be-cream-200);
--surface-card:var(--be-white);
--surface-raised:var(--be-cream-100);
--surface-sunken:var(--be-cream-300);
--surface-pill:var(--be-cream-100);
--surface-ink:var(--be-ink-700);
--surface-accent:var(--be-salmon-500);
--surface-highlight:var(--be-marigold-500);
--surface-info:var(--be-azure-500);

/* --- Semantic: borders --- */
--border-subtle:var(--be-cream-300);
--border-default:var(--be-ink-100);
--border-strong:var(--be-ink-700);
--border-focus:var(--be-azure-500);

/* --- Semantic: status --- */
--status-info:var(--be-azure-500);
--status-info-bg:var(--be-azure-200);
--status-warn:var(--be-marigold-500);
--status-warn-bg:var(--be-marigold-200);
--status-danger:var(--be-ember-500);
--status-danger-bg:var(--be-ember-200);
--status-success:#2F8F6B;
--status-success-bg:#CDE8DD;

/* --- Interaction --- */
--action-primary:var(--be-ink-700);
--action-primary-hover:var(--be-ink-900);
--action-accent:var(--be-ember-500);
--action-accent-hover:var(--be-ember-600);
--focus-ring:0 0 0 3px var(--be-azure-200),0 0 0 5px var(--be-azure-500);
}