/* ==========================================================
   AVR SOLUTIONS
   CSS VARIABLES
========================================================== */

:root{

    /*========== Colors ==========*/

    --primary-color:#000000;
    --secondary-color:#1D1D1F;
    --background-color:#FFFFFF;
    --section-bg:#F5F5F7;
    --border-color:#E5E5E7;
    --text-color:#1D1D1F;
    --text-light:#6E6E73;
    --white:#FFFFFF;
    --black:#000000;

    /*========== Font Family ==========*/

    --font-primary:'Inter',sans-serif;
    --font-logo:'Adobe Garamond Pro',serif;

    /*========== Font Size ==========*/

    --fs-12:12px;
    --fs-14:14px;
    --fs-16:16px;
    --fs-18:18px;
    --fs-20:20px;
    --fs-24:24px;
    --fs-32:32px;
    --fs-42:42px;
    --fs-52:52px;
    --fs-64:64px;

    /*========== Font Weight ==========*/

    --fw-300:300;
    --fw-400:400;
    --fw-500:500;
    --fw-600:600;
    --fw-700:700;

    /*========== Radius ==========*/

    --radius-sm:8px;
    --radius-md:16px;
    --radius-lg:25px;
    --radius-xl:40px;
    --radius-circle:50%;

    /*========== Shadow ==========*/

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

    /*========== Transition ==========*/

    --transition:.35s ease;

    /*========== Container ==========*/

    --container:1320px;

}