:root{
/* surfaces foncées (sidebar) */
--color-surface-1:#4b5868;
--color-surface-2:#2f3946;
--color-surface-3:#1e2630;
--color-surface-4:#141a22;

/* surfaces claires (header / cartes / onglets) */
--color-surface-light-1:rgba(255,255,255,0.65);
--color-surface-light-2:rgba(255,255,255,0.45);
--color-surface-light-solid:#ffffff;

/* bordures */
--color-border:rgba(0,0,0,0.08);
--color-border-soft:rgba(255,255,255,0.06);

/* textes */
--color-text:#2b2f36;
--color-text-contrast:#ffffff;
--color-text-on-dark:#ffffff;

/* hover générique */
--color-hover:rgba(0,0,0,0.05);
--color-hover-on-dark:rgba(255,255,255,0.07);

/* couleur principale */
--color-primary-1:#4aa3d6;
--color-primary-2:#2b7fb7;
--color-primary-3:#1f6fa8;
--color-primary-contrast:#ffffff;

/* barre verticale sélection */
--color-primary-bar-1:#cfeeff;
--color-primary-bar-2:#86c8ef;

/* nuances autour du primary */
--color-primary-soft:rgba(31,111,168,0.15);
--color-primary-tint:rgba(31,111,168,0.10);

/* textes secondaires */
--color-text-muted:#555;
--color-text-faint:#999;
--color-text-name:#35586e;
--color-text-company:#6b4f3b;

/* liens */
--color-link:#077;

/* bordure plus forte */
--color-border-strong:#808080;

/* accents divers (badges, pastilles…) */
--color-accent-1:#1e66ff;
--color-accent-2:#6ea8ff;

--color-primary-alert:#a30f26;


}