/**
 * ============================================
 * VARIABLES CSS — AGROBTPEQUIP
 * ============================================
 * Modifiez ces variables pour changer
 * les couleurs et polices du site.
 */

:root {
    /* ============================================
     * COULEURS PRINCIPALES
     * ============================================ */
    --color-primary:      #1a7a1a;   /* Vert principal */
    --color-primary-dark: #145c14;   /* Vert foncé */
    --color-primary-light:#2ecc40;   /* Vert clair / accent */
    --color-secondary:    #111111;   /* Noir */
    --color-secondary-soft:#1e1e1e;  /* Noir doux */
    --color-white:        #ffffff;   /* Blanc */
    --color-light:        #f5f7f5;   /* Fond clair */
    --color-gray:         #6c757d;   /* Gris texte */
    --color-gray-light:   #e9ecef;   /* Gris très clair */
    --color-danger:       #dc3545;   /* Rouge erreur */
    --color-success:      #28a745;   /* Vert succès */
    --color-warning:      #ffc107;   /* Jaune avertissement */
    --color-gold:         #d4a017;   /* Or / étoiles */

    /* ============================================
     * TYPOGRAPHIE
     * ============================================ */
    --font-heading: 'Barlow Condensed', sans-serif;
    --font-body:    'Source Sans 3', sans-serif;
    --font-mono:    'JetBrains Mono', monospace;

    /* Tailles de police */
    --fs-xs:   0.75rem;
    --fs-sm:   0.875rem;
    --fs-base: 1rem;
    --fs-md:   1.125rem;
    --fs-lg:   1.25rem;
    --fs-xl:   1.5rem;
    --fs-2xl:  2rem;
    --fs-3xl:  2.5rem;
    --fs-4xl:  3rem;
    --fs-5xl:  4rem;

    /* ============================================
     * ESPACEMENTS & LAYOUT
     * ============================================ */
    --radius-sm:  6px;
    --radius-md:  12px;
    --radius-lg:  20px;
    --radius-full:9999px;

    --shadow-sm:  0 2px 8px rgba(0,0,0,0.08);
    --shadow-md:  0 4px 20px rgba(0,0,0,0.12);
    --shadow-lg:  0 8px 40px rgba(0,0,0,0.18);
    --shadow-green: 0 4px 20px rgba(26,122,26,0.3);

    --transition: all 0.3s ease;
    --transition-fast: all 0.15s ease;

    --container-max: 1440px;
    --container-gutter: clamp(20px, 2vw, 36px);
    --header-height: 75px;
}