:root{

    --primary:#2563EB;
    --primary-dark:#1D4ED8;

    --secondary:#0EA5E9;

    --success:#10B981;

    --warning:#F59E0B;

    --danger:#EF4444;

    --background:#F5F7FC;

    --surface:#FFFFFF;

    --text:#1F2937;

    --text-light:#6B7280;

    --border:#E5E7EB;

    --radius-sm:12px;
    --radius-md:18px;
    --radius-lg:24px;

    --shadow-small:0 6px 15px rgba(0,0,0,.05);

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

    --transition:.30s ease;

}