/* tokens.css */

:root{
    /* Couleurs base */
    --bg: #f6f7fb;
    --surface: #ffffff;
    --text: #111827;         /* gris très sombre */
    --muted: #6b7280;

    /* Brand Monday-ish */
    --brand: #0073ea;
    --brand-600: #005bbb;
    --brand-50: #edf5ff;
    --brand-100:#d7e7ff;

    /* Éléments UI */
    --border: #e5e7eb;
    --border-strong:#d1d5db;
    --input-bg:#fbfcff;
    --input-border:#e6eaf2;
    --input-focus: rgba(0,115,234,.18);

    /* Feedback */
    --success:#00c875;
    --success-100:#e7f9ef;
    --danger:#ff3d57;
    --danger-100:#fff1f2;
    --warning:#ffcb00;
    --warning-100:#fff7d1;

    /* Cards & ombres */
    --card-bg: #ffffff;
    --radius: 14px;
    --shadow: 0 12px 24px rgba(16,24,40,.06);

    /* Spacing scale */
    --space-1:.25rem;
    --space-2:.5rem;
    --space-3:.75rem;
    --space-4:1rem;
    --space-5:1.25rem;
    --space-6:1.5rem;
    --space-8:2rem;

    /* Typo scale */
    --fs-12:12px; --fs-14:14px; --fs-15:15px; --fs-16:16px; --fs-18:18px; --fs-20:20px; --fs-24:24px; --fs-28:28px;
}