/* ==========================================
   Nuro Design System
   Version: 1.0
========================================== */

:root{

    /* Colors */

    --color-primary:#4F8CFF;

    --color-primary-hover:#3B7AF5;

    --color-background:#FAFAFA;

    --color-surface:#FFFFFF;

    --color-text:#1F2937;

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

    --color-border:#E5E7EB;

    --color-success:#22C55E;

    --color-warning:#F59E0B;

    --color-error:#EF4444;



    /* Radius */

    --radius-small:8px;

    --radius-medium:16px;

    --radius-large:24px;

    --radius-button:18px;



    /* Shadows */

    --shadow-soft:

    0 8px 24px rgba(0,0,0,.08);

    --shadow-card:

    0 12px 32px rgba(0,0,0,.12);



    /* Font */

--font-main:
"Vazirmatn",
Arial,
sans-serif;

/* Font Sizes */

--font-xs:12px;

--font-sm:14px;

--font-md:16px;

--font-lg:22px;

--font-xl:32px;

/* Font Weights */

--weight-regular:400;

--weight-medium:500;

--weight-semibold:600;

--weight-bold:700;

--weight-extrabold:800;



    /* Spacing */

    --space-xs:4px;

    --space-sm:8px;

    --space-md:16px;

    --space-lg:24px;

    --space-xl:40px;



    /* Animation */

    --transition-fast:.2s;

    --transition-normal:.3s;

    --transition-slow:.5s;

}



*{

    -webkit-tap-highlight-color:transparent;

}
button,
input,
a{

    outline:none;

}

button:focus,
button:focus-visible,

input:focus,
input:focus-visible,

a:focus,
a:focus-visible{

    outline:none;

}