/* ==========================================================
   PELTO
   VARIABLES
========================================================== */

:root{

    /* Couleurs principales */

    --primary:#2ecc71;
    --primary-dark:#23b25f;
    --primary-soft:#dcfce7;

    --danger:#ef4444;
    --warning:#f59e0b;
    --info:#3b82f6;

    /* Gris */

    --text:#1f2937;
    --muted:#6b7280;

    --bg:#f8fafc;
    --surface:#ffffff;

    --border:#e5e7eb;

    /* Radius */

    --radius-sm:8px;
    --radius:12px;
    --radius-lg:16px;
    --radius-xl:20px;
    --radius-full:999px;

    /* Ombres */

    --shadow-sm:
        0 1px 2px rgba(0,0,0,.04);

    --shadow:
        0 3px 12px rgba(0,0,0,.06);

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

    /* Espacements */

    --space-1:.25rem;
    --space-2:.5rem;
    --space-3:.75rem;
    --space-4:1rem;
    --space-5:1.5rem;
    --space-6:2rem;
    --space-7:3rem;

    /* Animation */

    --speed:.20s;

    /* Largeur */

    --container:900px;

}