/*==================================================
    ISSA DEALS UI - DESIGN SYSTEM
==================================================*/

:root{

/* ========= BRAND COLORS ========= */

--primary:#0D8BFF;
--primary-hover:#006FE6;
--secondary:#111827;
--accent:#00C2FF;

/* ========= TEXT ========= */

--text:#111827;
--text-light:#6B7280;
--heading:#0F172A;

/* ========= BACKGROUNDS ========= */

--bg:#F7F8FA;
--card:#FFFFFF;
--card-hover:#FCFCFD;

/* ========= BORDERS ========= */

--border:#E5E7EB;
--border-light:#F1F3F5;

/* ========= STATUS ========= */

--success:#22C55E;
--warning:#F59E0B;
--danger:#EF4444;

/* ========= RADIUS ========= */

--radius-xs:8px;
--radius-sm:12px;
--radius:18px;
--radius-lg:24px;
--radius-xl:32px;

/* ========= SHADOW ========= */

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

--shadow:
0 8px 24px rgba(0,0,0,.06);

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

/* ========= TRANSITIONS ========= */

--transition:.30s ease;

/* ========= SPACING ========= */

--space-xs:8px;
--space-sm:16px;
--space:24px;
--space-lg:40px;
--space-xl:60px;

/* ========= TYPOGRAPHY ========= */

--font:
"Inter",
"Segoe UI",
sans-serif;

}