/**
 * Rapido CRM — Design tokens
 * Greyscale · Primary · Success · Warning · Error
 */
:root {
    /* ── Greyscale / Surface ── */
    --Greyscale-Surface-Subtle: #F3F4F7;
    --Greyscale-Surface-Default: #FFFFFF;
    --Greyscale-Surface-Disabled: #EBEBEB;

    /* ── Greyscale / Border ── */
    --Greyscale-Border-Default: #757575;
    --Greyscale-Border-Disabled: #A0A0A0;
    --Greyscale-Border-Darker: #454545;

    /* ── Greyscale / Text & Icon ── */
    --Greyscale-Text-Title: #000000;
    --Greyscale-Text-Body: #1A1A1A;
    --Greyscale-Text-Subtitle: #404040;
    --Greyscale-Text-Caption: #555555;
    --Greyscale-Text-Negative: #EBEBEB;
    --Greyscale-Text-Disabled: #808080;

    /* ── Primary ── */
    --Primary-Surface-Subtle: #EDF7ED;
    --Primary-Surface-Lighter: #94D394;
    --Primary-Surface-Default: #4CAF50;
    --Primary-Surface-Darker: #2E7D32;
    --Primary-Border-Subtle: #EDF7ED;
    --Primary-Border-Lighter: #94D394;
    --Primary-Border-Default: #4CAF50;
    --Primary-Border-Darker: #2E7D32;
    --Primary-Text-Label: #2E7D32;

    /* ── Success ── */
    --Success-Surface-Subtle: #F0F9F0;
    --Success-Surface-Lighter: #A5D6A7;
    --Success-Surface-Default: #4CAF50;
    --Success-Surface-Darker: #2E7D32;
    --Success-Border-Subtle: #F0F9F0;
    --Success-Border-Lighter: #A5D6A7;
    --Success-Border-Default: #4CAF50;
    --Success-Border-Darker: #2E7D32;
    --Success-Text-Label: #2E7D32;

    /* ── Warning ── */
    --Warning-Surface-Subtle: #FEF1EF;
    --Warning-Surface-Lighter: #FFAE9D;
    --Warning-Surface-Default: #FF633E;
    --Warning-Surface-Darker: #BA2809;
    --Warning-Border-Subtle: #FFE4DD;
    --Warning-Border-Lighter: #FFAE9D;
    --Warning-Border-Default: #FF633E;
    --Warning-Border-Darker: #BA2809;
    --Warning-Text-Label: #BA2809;

    /* ── Error ── */
    --Error-Surface-Subtle: #FFF0F2;
    --Error-Surface-Lighter: #F891A2;
    --Error-Surface-Default: #F43F5E;
    --Error-Surface-Darker: #9F1239;
    --Error-Border-Subtle: #FFF0F2;
    --Error-Border-Lighter: #F891A2;
    --Error-Border-Default: #F43F5E;
    --Error-Border-Darker: #9F1239;
    --Error-Text-Label: #9F1239;

    /* ── Legacy aliases (compatibilité style.css existant) ── */
    --Final-Background: var(--Greyscale-Surface-Subtle);
    --Final-background: var(--Greyscale-Surface-Subtle);
    --bs-primary: var(--Greyscale-Surface-Subtle);
    --bs-hover: var(--Primary-Surface-Lighter);
    --bs-focus: var(--Primary-Surface-Default);
    --GrayScale-Text-Title: var(--Greyscale-Text-Title);
    --GrayScale-Text-Subtitle: var(--Greyscale-Text-Subtitle);
    --GrayScale-Text-Caption: var(--Greyscale-Text-Caption);
    --GrayScale-Text-Disabaled: var(--Greyscale-Text-Disabled);
    --Gris-White: var(--Greyscale-Surface-Default);
    --Violet-500: var(--Primary-Text-Label);
    --Rouge-400: var(--Error-Surface-Default);
    --Orange-200: var(--Warning-Surface-Lighter);
    --Bleu-600: var(--Primary-Surface-Darker);
    --Vert-50: var(--Primary-Surface-Subtle);
    --Vert-200: var(--Primary-Surface-Lighter);
    --Vert-500: var(--Primary-Surface-Default);
    --Vert-600: var(--Primary-Surface-Darker);
    --GrayScale-Border-Disabled: var(--Greyscale-Border-Disabled);
    --GrayScale-Surface-Disabled: var(--Greyscale-Surface-Disabled);
}