/* ============================================================
   LOCADIE — VARIABLES.CSS
   Charte graphique officielle (couleurs, typo, radius, ombres)
   ============================================================ */

:root {
    /* --------------------------------------------------------
       COULEURS LOCALES — Identité Locadie
    -------------------------------------------------------- */
    --locadie-green: #17522f;
    --locadie-green-light: #3b4f26;
    --locadie-brown: #371e0e;
    --locadie-brown-light: #593117;
    --locadie-beige: #f7f5ef;
    --locadie-beige-light: #faf9f5;
    --locadie-beige-border: #e5e2da;
    --locadie-red: #ce001a;
    --locadie-red-dark: #800000;
    --locadie-grey-100: #fafafa;
    --locadie-grey-200: #f0f0f0;
    --locadie-grey-300: #e0e0e0;
    --locadie-grey-400: #c8c8c8;
    --locadie-grey-500: #999;
    --locadie-grey-600: #666;
    --locadie-grey-700: #444;
    --locadie-grey-800: #2c3e50;
    --locadie-grey-900: #0b0b0b;
    /* --------------------------------------------------------
       TYPOGRAPHIES — Identité Locadie
    -------------------------------------------------------- */
    --font-title: 'Kalam', cursive;
    --font-body: 'Quicksand', sans-serif;
    --font-alt: 'Inter', sans-serif;
    /* --------------------------------------------------------
       TAILLES DE POLICE
    -------------------------------------------------------- */
    --fs-xs: 12px;
    --fs-s: 14px;
    --fs-m: 16px;
    --fs-l: 20px;
    --fs-xl: 28px;
    --fs-xxl: 38px;
    --fs-xxxl: 55px;
    /* --------------------------------------------------------
       RADIUS — Cohérence globale
    -------------------------------------------------------- */
    --radius-xs: 4px;
    --radius-s: 6px;
    --radius-m: 10px;
    --radius-l: 20px;
    --radius-xl: 30px;
    --radius-round: 50px;
    /* --------------------------------------------------------
       OMBRES — Identité Locadie
    -------------------------------------------------------- */
    --shadow-soft: 0 1px 3px rgba(0,0,0,0.15);
    --shadow-medium: 0 4px 15px rgba(0,0,0,0.08);
    --shadow-strong: 0 12px 30px rgba(0,0,0,0.12);
    --shadow-hard: -50px -50px 0px -50px rgba(123,95,52,0.8);
    /* --------------------------------------------------------
       ESPACEMENTS — Système d’espacement Locadie
    -------------------------------------------------------- */
    --space-xxs: 4px;
    --space-xs: 8px;
    --space-s: 12px;
    --space-m: 18px;
    --space-l: 25px;
    --space-xl: 35px;
    --space-xxl: 50px;
    /* --------------------------------------------------------
       TRANSITIONS — Fluidité premium
    -------------------------------------------------------- */
    --transition-fast: 120ms ease;
    --transition-medium: 220ms ease;
    --transition-slow: 380ms ease;
    /* --------------------------------------------------------
       BREAKPOINTS — Responsive Locadie
    -------------------------------------------------------- */
    --bp-mobile: 480px;
    --bp-tablet: 768px;
    --bp-desktop: 1024px;
    --bp-large: 1400px;
}