/*=========================================================
 SURYA LIGHTS
 Design System
=========================================================*/

:root{

    /*==================================
    BRAND COLORS
    ==================================*/

    --primary:#0A4D9B;
    --primary-light:#1C73D2;
    --primary-dark:#06346A;

    --secondary:#FFC107;
    --secondary-light:#FFD54F;
    --secondary-dark:#E0A800;

    /*==================================
    NEUTRAL COLORS
    ==================================*/

    --white:#FFFFFF;

    --black:#111111;

    --text:#444444;

    --heading:#1B1B1B;

    --light:#F8F9FB;

    --light-2:#F2F5F8;

    --border:#E5E7EB;

    --success:#22C55E;

    --danger:#EF4444;

    /*==================================
    TYPOGRAPHY
    ==================================*/

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

    /*==================================
    FONT SIZE
    ==================================*/

    --fs-xs:.75rem;

    --fs-sm:.875rem;

    --fs-md:1rem;

    --fs-lg:1.125rem;

    --fs-xl:1.35rem;

    --fs-2xl:1.75rem;

    --fs-3xl:2.2rem;

    --fs-4xl:3rem;

    --fs-5xl:4rem;

    /*==================================
    FONT WEIGHT
    ==================================*/

    --fw-300:300;

    --fw-400:400;

    --fw-500:500;

    --fw-600:600;

    --fw-700:700;

    --fw-800:800;

    /*==================================
    SPACING
    ==================================*/

    --space-4:4px;

    --space-8:8px;

    --space-12:12px;

    --space-16:16px;

    --space-20:20px;

    --space-24:24px;

    --space-32:32px;

    --space-40:40px;

    --space-48:48px;

    --space-56:56px;

    --space-64:64px;

    --space-72:72px;

    --space-80:80px;

    --space-96:96px;

    --space-120:120px;

    /*==================================
    BORDER RADIUS
    ==================================*/

    --radius-xs:6px;

    --radius-sm:10px;

    --radius-md:16px;

    --radius-lg:24px;

    --radius-xl:32px;

    --radius-round:999px;

    /*==================================
    SHADOW
    ==================================*/

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

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

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

    --shadow-xl:
    0 35px 80px rgba(0,0,0,.18);

    /*==================================
    CONTAINER
    ==================================*/

    --container:1320px;

    --container-lg:1140px;

    --container-md:960px;

    --container-sm:720px;

    /*==================================
    TRANSITION
    ==================================*/

    --transition-fast:.25s ease;

    --transition:.35s ease;

    --transition-slow:.5s ease;

    /*==================================
    HEADER
    ==================================*/

    --header-height:90px;

    --topbar-height:42px;

    /*==================================
    Z INDEX
    ==================================*/

    --z-preloader:99999;

    --z-modal:9999;

    --z-header:999;

    --z-overlay:998;

    --z-dropdown:100;

    --z-normal:1;

}