/* ==========================================================
   MJ TRADING LANKA INTERNATIONAL (PVT) LTD
   Corporate Website v2.0

   File : variables.css
   Version : 1.0
========================================================== */

/* ==========================
   GOOGLE FONTS
========================== */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* ==========================
   ROOT VARIABLES
========================== */

:root{

    /* Brand Colours */

    --primary:#071B2F;
    --primary-light:#0B2946;
    --primary-dark:#04111F;

    --secondary:#000000;

    --gold:#D4AF37;
    --gold-light:#F0C75E;
    --gold-dark:#B98A16;

    --yellow:#FFD000;

    --white:#FFFFFF;

    --light:#F5F7FA;

    --light-gray:#ECEFF4;

    --gray:#9CA3AF;

    --dark-gray:#4B5563;

    --text:#222222;

    --success:#16A34A;

    --danger:#DC2626;

    --warning:#F59E0B;

    --info:#2563EB;


    /* Fonts */

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

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


    /* Font Sizes */

    --fs-xs:.80rem;

    --fs-sm:.90rem;

    --fs-base:1rem;

    --fs-md:1.10rem;

    --fs-lg:1.25rem;

    --fs-xl:1.50rem;

    --fs-2xl:2rem;

    --fs-3xl:2.75rem;

    --fs-4xl:3.50rem;

    --fs-5xl:4.50rem;


    /* Font Weight */

    --fw-light:300;

    --fw-normal:400;

    --fw-medium:500;

    --fw-semibold:600;

    --fw-bold:700;

    --fw-black:800;


    /* Layout */

    --container-width:1320px;

    --header-height:90px;


    /* Radius */

    --radius-sm:6px;

    --radius-md:10px;

    --radius-lg:16px;

    --radius-xl:25px;

    --radius-round:50px;


    /* Shadows */

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

    --shadow-md:
        0 8px 20px rgba(0,0,0,.12);

    --shadow-lg:
        0 15px 40px rgba(0,0,0,.18);

    --shadow-xl:
        0 20px 60px rgba(0,0,0,.25);


    /* Transition */

    --transition:all .35s ease;

    /* Z-index */

    --z-header:1000;

    --z-dropdown:1010;

    --z-overlay:1050;

    --z-modal:1100;

    --z-loader:9999;

}