/**
 * OCRE - Variables CSS Centralisées
 * ===================================
 * Modifiez ces variables pour personnaliser les couleurs de tout le site.
 * Les changements s'appliqueront automatiquement à toutes les pages.
 */

:root {
    /* ===================
       COULEURS PRINCIPALES
       =================== */

   /* Couleur primaire (Ocre Terre de Sienne) - Utilisée pour les accents, boutons, liens */
   --color-primary: #A0522D;
   --color-primary-hover: #8b3e23;
   --color-primary-light: rgba(160, 82, 45, 0.08);
   --color-primary-transparent: rgba(160, 82, 45, 0.18);

   /* Couleur secondaire (Bleu Acier) - Utilisée pour les titres, header, éléments sombres */
   --color-secondary: #1F3A5F;
   --color-secondary-hover: #18324d;
   --color-secondary-light: #314860;

    /* ===================
       COULEURS DE FOND
       =================== */

    --bg-dark: #0f0f1a;
   --bg-light: #F5F5F5;
    --bg-white: #ffffff;
    --bg-gray: #e9ecef;

    /* ===================
       COULEURS DE STATUT
       =================== */

    /* Succès / ACD (vert) */
    --color-success: #28a745;
    --color-success-light: rgba(40, 167, 69, 0.1);
    --color-success-transparent: rgba(40, 167, 69, 0.9);

    /* Info / ADU (bleu) */
    --color-info: #17a2b8;
    --color-info-light: rgba(23, 162, 184, 0.1);
    --color-info-transparent: rgba(23, 162, 184, 0.9);

   /* Warning / Coutumier (Or) */
   --color-warning: #FFD700;
   --color-warning-light: rgba(255, 215, 0, 0.12);
   --color-warning-transparent: rgba(255, 215, 0, 0.9);

    /* Danger (rouge) */
    --color-danger: #dc3545;
    --color-danger-light: rgba(220, 53, 69, 0.1);

    /* ===================
       COULEURS DE TEXTE
       =================== */

    --text-dark: #212529;
    --text-body: #495057;
    --text-muted: #6c757d;
    --text-light: #adb5bd;
    --text-white: #ffffff;
    --text-white-muted: rgba(255, 255, 255, 0.7);
    --text-white-soft: rgba(255, 255, 255, 0.9);

    /* ===================
       BORDURES
       =================== */

    --border-color: #e9ecef;
    --border-color-dark: #dee2e6;
    --border-color-light: rgba(255, 255, 255, 0.1);

    /* ===================
       OMBRES
       =================== */

    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 5px 30px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 15px 40px rgba(0, 0, 0, 0.15);
   --shadow-primary: 0 5px 20px rgba(160, 82, 45, 0.35);

    /* ===================
       BORDURES ARRONDIES
       =================== */

    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 15px;
    --radius-xl: 20px;
    --radius-full: 50%;
    --radius-pill: 30px;

    /* ===================
       TRANSITIONS
       =================== */

    --transition-fast: all 0.2s ease;
    --transition-normal: all 0.3s ease;
    --transition-slow: all 0.5s ease;

    /* ===================
       GRADIENTS
       =================== */

    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);
    --gradient-dark: linear-gradient(135deg, var(--color-secondary) 0%, var(--bg-dark) 100%);
    --gradient-overlay: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(15, 15, 26, 0.95) 100%);

    /* ===================
       TYPOGRAPHIE
       =================== */

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.85rem;
    --font-size-base: 0.95rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.1rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;

    /* ===================
       ESPACEMENTS
       =================== */

    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 25px;
    --spacing-2xl: 30px;
    --spacing-3xl: 40px;
    --spacing-4xl: 60px;
    --spacing-5xl: 80px;
}

/* ===================
   CLASSES UTILITAIRES
   =================== */

/* Couleurs de fond */
.bg-primary { background-color: var(--color-primary) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }
.bg-dark { background-color: var(--bg-dark) !important; }
.bg-light { background-color: var(--bg-light) !important; }

/* Couleurs de texte */
.text-primary { color: var(--color-primary) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.text-muted { color: var(--text-muted) !important; }

/* Badges pour types de titres */
.badge-acd {
    background-color: var(--color-success);
    color: var(--text-white);
}

.badge-adu {
    background-color: var(--color-info);
    color: var(--text-white);
}

.badge-coutumier {
    background-color: var(--color-warning);
    color: var(--text-dark);
}

/* Badges pour statuts */
.badge-disponible {
    background-color: var(--color-success-transparent);
    color: var(--text-white);
}

.badge-negociation {
    background-color: var(--color-warning-transparent);
    color: var(--text-dark);
}

.badge-certifie {
    background-color: var(--color-info-transparent);
    color: var(--text-white);
}

/* Logo sizing */
.nav-brand .site-logo { height:150px; max-height:150px; width:auto; display:block; }