:root{

    --primary:#2D6CDF;
    --primary-light:#6EA8FE;
    --primary-dark:#1F4FAF;
    --primary-soft:#EAF3FF;

    --success:#22C55E;
    --warning:#F59E0B;
    --danger:#EF4444;
    --admin-dark:#173A75;
    --admin-light:#397ED8;
    --seller-dark:#1565C0;
    --seller-light:#57B5EF;
    --client-dark:#087D57;
    --client-light:#47C98D;

    --background:#EEF4FF;
    --surface:#FFFFFF;
    --surface-light:#F8FAFC;
    --surface-strong:#F4F7FC;
    --page-bg:linear-gradient(180deg, #eef4ff 0%, #f8fbff 100%);
    --overlay:rgba(255,255,255,.74);

    --text:#1F2937;
    --text-strong:#111827;
    --subtitle:#6B7280;
    --border:rgba(15,23,42,.08);

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

    --radius-xs:8px;
    --radius-sm:14px;
    --radius-md:20px;
    --radius-lg:28px;
    --radius-xl:36px;

    --space-xs:6px;
    --space-sm:12px;
    --space-md:18px;
    --space-lg:28px;
    --space-xl:40px;

    --transition:.25s ease;

    --card:#FFFFFF;
    --gray:#6B7280;
    --shadow:0 10px 30px rgba(31,38,135,.10);
    --radius:24px;

    /* Modern alias variables required by design brief */
    --bg:var(--background);
    --surface:var(--surface);
    --card-secondary:var(--surface-light);
    --text:var(--text);
    --text-secondary:var(--subtitle);
    --border-color:var(--border);
    --primary-color:var(--primary);
    --shadow-elev:var(--shadow-md);
    --muted:var(--gray);
    --placeholder:rgba(31,41,55,.4);
    --backdrop:var(--overlay);
    --bottom-nav-height:90px;

}

[data-theme="dark"]{

    --primary:#60A5FA;
    --primary-light:#91C7FF;
    --primary-dark:#2563EB;
    --primary-soft:rgba(96,165,250,.16);

    --success:#34D399;
    --warning:#FBBF24;
    --danger:#F87171;
    --admin-dark:#4B7FC7;
    --admin-light:#8EBCFF;
    --seller-dark:#3988E5;
    --seller-light:#80C7FF;
    --client-dark:#22A879;
    --client-light:#6FE0AA;

    --background:#0F172A;
    --surface:#111827;
    --surface-light:#182235;
    --surface-strong:#162032;
    --page-bg:linear-gradient(180deg, #0F172A 0%, #111827 100%);
    --overlay:rgba(17,24,39,.8);

    --text:#F9FAFB;
    --text-strong:#FFFFFF;
    --subtitle:#D1D5DB;
    --border:rgba(255,255,255,.12);

    --shadow-sm:0 10px 25px rgba(2,6,23,.26);
    --shadow-md:0 16px 40px rgba(2,6,23,.34);
    --shadow-lg:0 24px 70px rgba(2,6,23,.44);

    --card:#1F2937;
    --gray:#D1D5DB;
    --shadow:0 20px 45px rgba(2,6,23,.4);

    /* Dark theme aliases */
    --bg:var(--background);
    --surface:var(--surface);
    --card-secondary:var(--surface-light);
    --text:var(--text);
    --text-secondary:var(--subtitle);
    --border-color:var(--border);
    --primary-color:var(--primary);
    --shadow-elev:var(--shadow-md);
    --muted:var(--gray);
    --placeholder:rgba(209,213,219,.46);
    --backdrop:var(--overlay);
    --bottom-nav-height:90px;

}