/* ============================================================
   tokens.css — Design tokens partagés BiscaPhone
   ------------------------------------------------------------
   Source unique de vérité pour les couleurs, espacements et
   rayons utilisés sur TOUTE l'application (site public + admin).
   Chargé en premier, avant tout autre fichier CSS.

   Avant ce fichier, le site public et l'admin avaient chacun
   leur propre bleu (--color-accent: blue, --bp-accent: #4f46e5,
   --de-blue: #2563eb...) : trois bleus différents pour la même
   marque. Ce fichier met fin à ça — voir
   BiscaPhone-Refonte-UX-UI.md, section 5.1.
   ============================================================ */

:root {
    /* Couleurs de marque */
    --color-dark:          #0f172a;
    --color-light:         #f8fafc;
    --color-accent:        #2952cc;
    --color-accent-hover:  #1f3fa6;
    --color-accent-soft:   #eef2fd;
    --color-muted:         #475569;
    --color-border:        #e2e8f0;

    /* États */
    --color-success:       #16a34a;
    --color-success-soft:  #eefaf1;
    --color-warning:       #d97706;
    --color-danger:        #dc2626;
    --color-danger-soft:   #fef2f2;

    /* Surfaces */
    --color-surface:       #ffffff;
    --color-bg:            #f8fafc;

    /* Typographie */
    --font-display: 'Syne', sans-serif;
    --font-body:    'Outfit', sans-serif;

    /* Forme */
    --radius:  16px;
    --radius-sm: 10px;
    --shadow:  0 18px 60px rgba(15, 23, 42, 0.08);

    /* Espacements (grille 8px) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;
}