/*
 * Design tokens — variables CSS partagées par tout le site.
 * Reprend les valeurs déjà en usage dans les templates (pas de nouvelle
 * palette). Le dégradé signature a été remplacé par une couleur d'accent
 * pleine unie (rafraîchissement visuel, retrait du "look IA" générique).
 */

:root {
    /* Couleur d'accent — remplace l'ancien dégradé signature #667eea→#764ba2 */
    --color-accent: #5a6fd8;
    --color-accent-hover: #4759b8;
    /* Alias conservés pour compat (nombreux usages dans les templates) :
       même couleur pleine partout, plus de dégradé ni de teinte "surface"
       distincte. */
    --color-accent-start: var(--color-accent);
    --color-accent-end: var(--color-accent);
    --gradient-accent: var(--color-accent);

    /* Texte */
    --color-text: #2c3e50;
    --color-text-alt: #2d3748;
    --color-text-muted: #7f8c8d;
    --color-text-muted-alt: #718096;
    --color-body-text: #333;

    /* Fonds */
    --color-bg-page: #f5f7fa;
    --color-bg-surface: #ffffff;
    --color-bg-footer: #2d3748;

    /* Bordures / champs de formulaire */
    --color-border: #ced4da;
    --color-border-light: #e2e8f0;

    /* Statuts */
    --color-success: #2ecc71;
    --color-success-hover: #27ae60;
    --color-danger: #e74c3c;
    --color-danger-hover: #c0392b;
    --color-warning: #ed8936;
    --color-warning-hover: #c05621;
    --color-disabled: #95a5a6;

    /* Bouton secondaire */
    --color-secondary-bg: #ecf0f1;
    --color-secondary-bg-hover: #d0d7d8;

    /* Bouton "control" */
    --color-control-border: #ced4da;
    --color-control-text: #495057;

    /* Échelle d'espacement */
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;

    /* Rayons */
    --radius-sm: 8px;
    --radius-md: 12px;

    /* Ombres */
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.15);

    /* Cible tactile minimale recommandée (mobile) */
    --touch-target-min: 44px;
}