:root {

    /* Colors */

    --ek-primary: #2563eb;
    --ek-primary-dark: #1d4ed8;

    --ek-secondary: #7c3aed;

    --ek-dark: #111827;
    --ek-gray: #6b7280;

    --ek-light: #f9fafb;
    --ek-border: #e5e7eb;

    --ek-white: #ffffff;



    /* Background */

    --ek-body-bg: #f8fafc;



    /* Radius */

    --ek-radius-sm: 10px;
    --ek-radius-md: 18px;
    --ek-radius-lg: 25px;



    /* Shadow */

    --ek-shadow:

    0 10px 30px rgba(0,0,0,.06);



    /* Container */

    --ek-container: 1200px;



    /* Typography */

    --ek-font:

    "Vazirmatn",
    Tahoma,
    Arial,
    sans-serif;



    /* Transition */

    --ek-transition:

    .3s ease;


}