/*==========================================
  KURUNJI MASALA V2
  DESIGN SYSTEM
==========================================*/

:root{

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

--primary:#1F6B2D;
--primary-dark:#165021;
--primary-light:#2E8B57;

--secondary:#D4AF37;
--secondary-dark:#B8921C;
--secondary-light:#F5E8B2;

/*==============================
  BACKGROUND
==============================*/

--bg:#FAFAF8;
--white:#FFFFFF;
--black:#000000;

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

--heading:#222222;
--text:#666666;
--text-light:#888888;
--text-white:#FFFFFF;

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

--border:#E7E7E7;
--border-dark:#CCCCCC;

/*==============================
  SUCCESS / WARNING
==============================*/

--success:#28A745;
--warning:#FFC107;
--danger:#DC3545;

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

--shadow-sm:0 5px 15px rgba(0,0,0,.05);

--shadow-md:0 15px 35px rgba(0,0,0,.08);

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

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

--radius-xs:5px;
--radius-sm:10px;
--radius-md:15px;
--radius-lg:20px;
--radius-xl:30px;
--radius-round:50%;

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

--transition-fast:.25s ease;

--transition:.35s ease;

--transition-slow:.5s ease;

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

--container-width:1400px;

--container-padding:15px;

/*==============================
  SECTION GAP
==============================*/

--section-gap:100px;

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

--header-height:90px;

--topbar-height:42px;

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

--z-header:999;

--z-menu:998;

--z-overlay:997;

--z-modal:9999;

/*==============================
  BUTTON
==============================*/

--btn-height:52px;

--btn-radius:50px;

/*==============================
  INPUT
==============================*/

--input-height:55px;

/*==============================
  CARD
==============================*/

--card-radius:20px;

/*==============================
  IMAGE
==============================*/

--img-radius:20px;

}