/* =============================================================================
   MY Accounting & Tax Solutions
============================================================================= */

/*
|--------------------------------------------------------------------------
| File        : variables.css
| File Code   : CSS001
| Version     : 1.0.0
| Description : Global CSS Variables
| Author      : MY Accounting & Tax Solutions
|--------------------------------------------------------------------------
*/

:root{

    /* ===============================================================
       Brand Colours
    =============================================================== */

    --primary-color:#0F5132;

    --primary-hover:#0b3f28;

    --secondary-color:#D4A017;

    --secondary-hover:#b88812;

    --accent-color:#1E3A5F;

    /* ===============================================================
       Neutral Colours
    =============================================================== */

    --white:#FFFFFF;

    --black:#000000;

    --dark:#343A40;

    --dark-grey:#495057;

    --grey:#6C757D;

    --light-grey:#DEE2E6;

    --border:#E9ECEF;

    --background:#F8FAFC;

    /* ===============================================================
       Typography
    =============================================================== */

    --font-heading:'Poppins',sans-serif;

    --font-body:'Open Sans',sans-serif;

    --font-size-xs:0.75rem;

    --font-size-sm:0.875rem;

    --font-size-md:1rem;

    --font-size-lg:1.125rem;

    --font-size-xl:1.5rem;

    --font-size-xxl:2rem;

    --font-size-hero:4rem;

    /* ===============================================================
       Font Weights
    =============================================================== */

    --font-light:300;

    --font-normal:400;

    --font-medium:500;

    --font-semibold:600;

    --font-bold:700;

    /* ===============================================================
       Layout
    =============================================================== */

    --container-width:1320px;

    --section-padding:100px;

    --border-radius:12px;

    --border-radius-lg:18px;

    /* ===============================================================
       Shadows
    =============================================================== */

    --shadow-sm:0 2px 8px rgba(0,0,0,.05);

    --shadow-md:0 10px 25px rgba(0,0,0,.08);

    --shadow-lg:0 20px 40px rgba(0,0,0,.12);

    /* ===============================================================
       Animation
    =============================================================== */

    --transition:.3s ease-in-out;

    /* ===============================================================
       Z-Index
    =============================================================== */

    --z-header:1000;

    --z-menu:1050;

    --z-modal:1100;

}