/* ==========================================================
   KRILIH.MA
   css/variables.css
   PALETTE MINIMALISTE
   ========================================================== */

:root {

    /* =========================
       COULEUR D'ACTION
       ========================= */

    --primary: #f97316;
    --primary-hover: #ea580c;
    --primary-light: #fff7ed;


    /* =========================
       TEXTE
       ========================= */

    --text-primary: #1a1a1a;
    --text-secondary: #666666;
    --text-muted: #999999;


    /* =========================
       FONDS
       ========================= */

    --bg-primary: #f5f5f5;
    --bg-secondary: #fafafa;
    --bg-card: #ffffff;


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

    --border-color: #e0e0e0;
    --border-light: #eeeeee;
    --border-dark: #cccccc;


    /* =========================
       ÉTATS
       ========================= */

    --success: #22c55e;
    --danger: #ef4444;
    --warning: #f59e0b;


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

    --shadow-sm:
        0 2px 5px rgba(0, 0, 0, .05);

    --shadow-md:
        0 6px 18px rgba(0, 0, 0, .07);

    --shadow-lg:
        0 15px 40px rgba(0, 0, 0, .10);


    /* =========================
       RAYONS
       ========================= */

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;


    /* =========================
       TRANSITION
       ========================= */

    --transition: .25s ease;


    /* =========================
       POLICE
       ========================= */

    --font-family:
        Arial,
        Helvetica,
        sans-serif;
}