/*==========================================================
KWARA STATE MINISTRY OF LIVESTOCK DEVELOPMENT
CSS VARIABLES
File: assets/css/variables.css
==========================================================*/

:root{

    /*======================================================
    PRIMARY COLOURS
    ======================================================*/

    --primary:#0B6B3A;

    --primary-dark:#084F2B;

    --primary-light:#198754;

    --secondary:#D4AF37;

    --secondary-light:#E8C96A;

    --accent:#0DCAF0;



    /*======================================================
    BACKGROUNDS
    ======================================================*/

    --white:#FFFFFF;

    --light:#F8F9FA;

    --lighter:#F4F7F6;

    --gray:#E9ECEF;

    --dark:#1E293B;

    --black:#111827;



    /*======================================================
    TEXT
    ======================================================*/

    --text:#475569;

    --text-light:#64748B;

    --text-muted:#94A3B8;

    --heading:#1E293B;

    --link:var(--primary);

    --link-hover:var(--primary-dark);



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

    --border:#E5E7EB;

    --border-light:#F1F5F9;



    /*======================================================
    SUCCESS | WARNING | DANGER
    ======================================================*/

    --success:#198754;

    --warning:#FFC107;

    --danger:#DC3545;

    --info:#0DCAF0;



    /*======================================================
    SHADOWS
    ======================================================*/

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

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

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



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

    --radius-sm:6px;

    --radius:12px;

    --radius-lg:18px;

    --radius-xl:30px;

    --radius-pill:50px;

    --radius-circle:50%;



    /*======================================================
    TRANSITIONS
    ======================================================*/

    --transition:.30s ease;

    --transition-slow:.50s ease;



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

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

    --font-body:'Inter',sans-serif;



    /*======================================================
    FONT WEIGHTS
    ======================================================*/

    --fw-300:300;

    --fw-400:400;

    --fw-500:500;

    --fw-600:600;

    --fw-700:700;

    --fw-800:800;



    /*======================================================
    FONT SIZES
    ======================================================*/

    --fs-xs:.75rem;

    --fs-sm:.875rem;

    --fs-base:1rem;

    --fs-lg:1.125rem;

    --fs-xl:1.25rem;

    --fs-2xl:1.5rem;

    --fs-3xl:2rem;

    --fs-4xl:2.8rem;

    --fs-hero:4.5rem;



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

    --container:1320px;



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

    --section-padding:100px;

    --section-padding-sm:70px;



    /*======================================================
    NAVBAR
    ======================================================*/

    --topbar-height:42px;

    --navbar-height:88px;



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

    --z-topbar:1000;

    --z-navbar:1020;

    --z-dropdown:1030;

    --z-offcanvas:1040;

    --z-modal:1050;

}