:root{
/* ── Base palette ── */
--cobalt:#1a4fdb;
--cobalt-dark:#1240b8;
--cobalt-mid:#e0e8fc;
--cobalt-faint:#eef2fd;
--grey-dark:#1e2533;
--grey-mid:#4a5568;
--text-light:#5a6478;
--silver:#8c96a8;
--border:#dde2ed;
--grey-light:#f4f6f9;
--white:#ffffff;

/* ── Semantic base ── */
--success:#22c55e;--success-text:#15803d;--success-bg:#f0fdf4;--success-border:#bbf7d0;
--warning:#f59e0b;--warning-text:#b45309;--warning-bg:#fffbeb;--warning-border:#fde68a;
--danger:#dc2626;--danger-text:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;

/* ── Semantic aliases ── */
--text:#1e2533;
--text-heading:var(--grey-dark);
--text-body:var(--text-light);
--text-muted:var(--silver);
--text-secondary:var(--grey-mid);
--text-accent:var(--cobalt);
--text-on-dark:#ffffff;
--text-on-dark-body:rgba(255,255,255,0.55);
--text-on-dark-muted:rgba(255,255,255,0.3);

--surface-page:var(--white);
--surface-alt:var(--grey-light);
--surface-card:var(--white);
--surface-card-filled:var(--cobalt-faint);
--surface-dark:var(--grey-dark);
--surface-accent:var(--cobalt);

--border-default:var(--border);
--border-accent:var(--cobalt-mid);
--border-on-dark:rgba(255,255,255,0.1);

--action-primary:var(--cobalt);
--action-primary-hover:var(--cobalt-dark);
--action-primary-text:var(--white);
--focus-ring:var(--cobalt);
--focus-ring-halo:var(--cobalt-faint);
--link:var(--cobalt);
--link-hover:var(--cobalt-dark);
}