:root{
/* Neutrals — warm off-white, used for backgrounds, text, borders, surfaces */
--neutral-0:#ffffff;
--neutral-50:#f7f6f3;
--neutral-100:#eeece6;
--neutral-200:#dedbd2;
--neutral-300:#c4c0b4;
--neutral-400:#9a9686;
--neutral-500:#7a7666;
--neutral-600:#5c5949;
--neutral-700:#454336;
--neutral-800:#2c2b23;
--neutral-900:#1a1913;

/* Brand — lifted from the lebeau logo. Reserved for buttons, links, and select accent type. Do not tint neutral surfaces with these. */
--brand-ink:#0e2050;
--brand-700:#0a2a7a;
--brand-500:#1667d6;
--brand-300:#8ed2fb;

/* Semantic */
--color-success:#1f8a54;
--color-danger:#c23b3b;
--color-warning:#b8791a;

/* Aliases */
--surface-page:var(--neutral-50);
--surface-card:var(--neutral-0);
--surface-sunken:var(--neutral-100);
--surface-inverse:var(--brand-ink);
--border-default:var(--neutral-200);
--border-strong:var(--neutral-300);
--text-primary:var(--neutral-900);
--text-secondary:var(--neutral-600);
--text-muted:var(--neutral-400);
--text-inverse:var(--neutral-0);
--text-accent:var(--brand-700);
--action-primary:var(--brand-500);
--action-primary-hover:var(--brand-700);
--action-primary-active:var(--brand-ink);
--action-primary-text:var(--neutral-0);
--focus-ring:var(--brand-300);
}