:root {

    /* ===== Colors ===== */

    --primary: #2563EB;
    --primary-dark: #1D4ED8;
    --secondary: #06B6D4;

    --success: #10B981;
    --warning: #F59E0B;
    --danger: #EF4444;

    --background: #F8FAFC;
    --surface: #FFFFFF;

    --text: #111827;
    --text-light: #6B7280;

    --border: #E5E7EB;

    /* ===== Radius ===== */

    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:24px;

    /* ===== Shadow ===== */

    --shadow-sm:0 5px 15px rgba(0,0,0,.05);
    --shadow-md:0 10px 30px rgba(0,0,0,.08);
    --shadow-lg:0 20px 50px rgba(0,0,0,.12);

    /* ===== Transition ===== */

    --transition:.3s ease;

    /* ===== Width ===== */

    --container:1200px;

}