/* ==========================================================================
   iimmobook — Jetons de design
   --------------------------------------------------------------------------
   SOURCE UNIQUE des couleurs, ombres, rayons et dimensions de gabarit.

   Ce fichier doit être chargé AVANT toute autre feuille de style, dans tous
   les gabarits de base. Aucun autre fichier ne doit déclarer de bloc :root.

   Pour changer l'identité visuelle de la plateforme, il suffit de modifier
   la palette de marque ci-dessous : tout le reste en découle.
   ========================================================================== */

:root {

    /* ---------- Palette de marque ---------- */
    --iimmo-blue:        #003580;   /* bleu principal historique du projet */
    --iimmo-blue-dark:   #002557;
    --iimmo-blue-light:  #3b82f6;
    --iimmo-green:       #10b981;
    --iimmo-red:         #dc2626;
    --iimmo-orange:      #f59e0b;
    --iimmo-cyan:        #0ea5e9;

    /* ---------- Nuances de gris ---------- */
    --white:    #ffffff;
    --gray-50:  #f8fafc;
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-500: #64748b;
    --gray-700: #334155;
    --gray-900: #1e293b;

    /* ---------- Rôles sémantiques ---------- */
    --primary:       var(--iimmo-blue);
    --primary-dark:  var(--iimmo-blue-dark);
    --primary-light: var(--iimmo-blue-light);
    --success:       var(--iimmo-green);
    --danger:        var(--iimmo-red);
    --warning:       var(--iimmo-orange);
    --info:          var(--iimmo-cyan);

    /* ---------- Surfaces et texte ---------- */
    --bg:         var(--gray-50);
    --bg-body:    var(--gray-50);
    --bg-light:   var(--gray-50);
    --card:       var(--white);
    --card-color: var(--white);
    --border:     var(--gray-200);
    --text:       var(--gray-900);
    --text-dark:  var(--gray-900);
    --text-main:  var(--gray-700);
    --text-muted: var(--gray-500);
    --muted:      var(--gray-500);
    --dark-blue:  var(--gray-900);

    /* ---------- Formes ---------- */
    --radius:    12px;
    --radius-sm: 8px;
    --radius-lg: 16px;
    --shadow:    0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06);
    --shadow-lg: 0 10px 25px rgba(15, 23, 42, .10);
    --transition: all .2s ease;

    /* ---------- Dimensions de gabarit ---------- */
    --header-height:  70px;
    --footer-height:  40px;
    --sidebar-width: 260px;

    /* ---------- Alias hérités ----------
       Conservés pour que les feuilles et pages existantes continuent de
       fonctionner sans réécriture. À résorber progressivement au profit
       des noms sémantiques ci-dessus. */
    --primary-color:   var(--primary);
    --secondary-color: var(--success);
    --danger-color:    var(--danger);
    --booking-blue:    var(--iimmo-blue);
    --bic-blue:        var(--iimmo-blue);
    --bic-dark:        var(--iimmo-blue-dark);
}