/**
 * Thème Oldtimer Inventory — Palette de tokens CSS
 * Toutes les couleurs du site sont centralisées ici.
 * Modifier ces variables suffit pour changer l'apparence globale.
 *
 * 33 variables remplacent ~64 valeurs hardcodées dans les CSS.
 */

:root {

    /* ─── Logo ──────────────────────────────────────────────────────────── */
    --c-logo-bg:       white;     /* Fond et éléments clairs du logo */
    --c-logo-fg:       #0F1E2F;   /* Éléments sombres du logo */

    /* ─── Texte ─────────────────────────────────────────────────────────── */
    --c-text:         #333;      /* Corps du texte (body) */
    --c-dark:         #2c3e50;   /* Titres, header, footer, boutons nuit */
    --c-mid-dark:     #34495e;   /* Labels arborescence sidebar */
    --c-label:        #555;      /* Labels formulaires, filtres */
    --c-muted:        #777;      /* Aide, sous-titres de cartes */
    --c-meta:         #7f8c8d;   /* Métadonnées, placeholder, ellipsis */
    --c-secondary:    #95a5a6;   /* Bouton secondaire, icônes légères */
    --c-faint:        #bdc3c7;   /* Désactivé, scrollbar thumb */

    /* ─── Fonds neutres ─────────────────────────────────────────────────── */
    --c-bg:           #f5f5f5;   /* Fond de page (body background) */
    --c-bg-neutral:   #f8f9fa;   /* Fond sections, filtres, champs détail */
    --c-bg-subtle:    #ecf0f1;   /* Hover léger, btn-icon, scrollbar track */

    /* ─── Structure / marque ────────────────────────────────────────────── */
    --c-dark-hover:   #3e5166;   /* Hover sur boutons à fond --c-dark */

    /* ─── Couleurs fonctionnelles ───────────────────────────────────────── */
    --c-primary:      #3498db;   /* Bleu : bouton principal, liens, accent */
    --c-primary-d:    #2980b9;   /* Bleu foncé (hover) */

    --c-success:      #27ae60;   /* Vert : bouton créer, badge Designer */
    --c-success-d:    #229954;   /* Vert foncé (hover) */

    --c-danger:       #e74c3c;   /* Rouge : supprimer, erreur, champ requis */
    --c-danger-d:     #c0392b;   /* Rouge foncé (hover) */

    --c-warning:      #f39c12;   /* Orange : bouton attention */
    --c-warning-d:    #e67e22;   /* Orange foncé (hover, badge edit) */

    --c-new:          #ff9800;   /* Orange vif : bouton "Nouveaux véhicules" */
    --c-new-d:        #f57c00;   /* Hover nouveaux */
    --c-new-a:        #e65100;   /* Actif nouveaux */

    /* ─── Messages flash ────────────────────────────────────────────────── */
    --c-ok-bg:        #d4edda;   /* Fond succès */
    --c-ok-fg:        #155724;   /* Texte succès */
    --c-err-bg:       #f8d7da;   /* Fond erreur */
    /* Texte erreur = --c-danger */
    --c-inf-bg:       #d1ecf1;   /* Fond info */
    --c-inf-fg:       #0c5460;   /* Texte info */
    --c-wrn-bg:       #fff3cd;   /* Fond avertissement */
    --c-wrn-fg:       #856404;   /* Texte avertissement */

    /* ─── États spéciaux (sélection, formulaire Designer) ──────────────── */
    --c-selected-bg:  #f0f8ff;   /* Option image sélectionnée */
    --c-mandatory-bg: #fff5f5;   /* Fond champ obligatoire */
    --c-optional-bg:  #f8fcff;   /* Fond champ optionnel */
    --c-hover-blue:   #e3f2fd;   /* Hover sur lien de série */

    /* ─── Dégradé accent (violet) ───────────────────────────────────────── */
    --c-grad:         linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --c-grad-d:       linear-gradient(135deg, #5568d3 0%, #653a8b 100%);
}