/* ==========================================
   KRUSHIVANDANA V2
   Design System
========================================== */

/* ---------- CSS Variables ---------- */

:root{

    /* Brand Colors */
    --primary:#2E7D32;
    --primary-dark:#1B5E20;
    --secondary:#4CAF50;
    --accent:#F9A825;

    /* Neutral Colors */
    --white:#ffffff;
    --light:#F8FFF5;
    --gray:#6B7280;
    --dark:#1F2937;

    /* Shadows */
    --shadow-sm:0 4px 10px rgba(0,0,0,.08);
    --shadow-md:0 10px 25px rgba(0,0,0,.10);
    --shadow-lg:0 20px 40px rgba(0,0,0,.15);

    /* Border Radius */
    --radius-sm:8px;
    --radius-md:16px;
    --radius-lg:24px;
    --radius-xl:50px;

    /* Transition */
    --transition:all .3s ease;

    /* Container */
    --container-width:1200px;

}

/* ---------- Utility Classes ---------- */

.text-primary{
    color:var(--primary);
}

.text-dark{
    color:var(--dark);
}

.text-gray{
    color:var(--gray);
}

.bg-primary{
    background:var(--primary);
}

.bg-light{
    background:var(--light);
}

.bg-white{
    background:var(--white);
}

.shadow-sm{
    box-shadow:var(--shadow-sm);
}

.shadow-md{
    box-shadow:var(--shadow-md);
}

.shadow-lg{
    box-shadow:var(--shadow-lg);
}

.rounded-sm{
    border-radius:var(--radius-sm);
}

.rounded-md{
    border-radius:var(--radius-md);
}

.rounded-lg{
    border-radius:var(--radius-lg);
}

.rounded-pill{
    border-radius:var(--radius-xl);
}

.text-center{
    text-align:center;
}

.d-flex{
    display:flex;
}

.justify-between{
    justify-content:space-between;
}

.align-center{
    align-items:center;
}