:root {
    /* Typo */
    --font-body: 'Manrope', sans-serif;
    --font-title: 'Roboto', sans-serif;
    --font-title-weight: 200;
    --font-size: 14px;
    --check-size: 20px;

    /* Couleurs de base */
    --bg: #FFFFFF;
    --dark: #000000;
    --light: #FFFFFF;
    --text: #000000;
    --muted: #808080;
    --ligne: rgba(0, 0, 0, 0.08);
    --ombre: 0 22px 56px rgba(0, 0, 0, 0.08);
    --radius: 0;

    --fond: var(--bg);
    --blanc: var(--light);
    --texte: var(--text);
    --texte-soft: var(--muted);

    /* Accents (badges, états) */
    --rose: #f5e4e4;
    --rose-text: #ba8f90;
    --rose-solid: #d7b1b2;
    --vert: #e4efe6;
    --sauge: #7ca47d;
    --sauge-dark: #477b51;
    --or: #f6e6cd;
    --or-text: #c69346;
    --or-solid: #c7a16a;
    --bleu: #e5f1f5;
    --bleu-text: #528fa8;
    --danger-bg: #f5e4e4;
    --danger-text: #9b3b3b;
    --danger-border: #d7b1b2;

    /* Navigation */
    --topbar-bg: #f0f0f0;
    --topbar-h: 56px;
    --sidebar-bg: #000000;
    --sidebar-text: #ffffff;
    --sidebar-muted: rgba(255, 255, 255, 0.55);
    --sidebar-ligne: rgba(255, 255, 255, 0.12);
    --sidebar-w: 255px;

    /* Marque (surchargée par le HEADER PHP si couleurs paramétrées) */
    --brand-primary: #000000;
    --brand-primary-rgb: 0, 0, 0;
    --brand-primary-hover: #333333;
    --brand-secondary: #6c757d;
    --brand-secondary-rgb: 108, 117, 125;
    --brand-secondary-hover: #565e64;
    --bs-primary: var(--brand-primary);
    --bs-primary-rgb: var(--brand-primary-rgb);
    --bs-secondary: var(--brand-secondary);
    --bs-secondary-rgb: var(--brand-secondary-rgb);
    --bs-link-color: var(--brand-primary);
    --bs-link-hover-color: var(--brand-primary-hover);
}