/* ==========================================
   LyricsGroove Design Variables
   ========================================== */

:root{

/* Brand */

--lg-primary:#E11D48;
--lg-primary-hover:#BE123C;

/* Background */

--lg-bg:#ffffff;
--lg-bg-soft:#F8FAFC;

/* Text */

--lg-text:#111827;
--lg-text-light:#6B7280;

/* Border */

--lg-border:#E5E7EB;

/* Radius */

--lg-radius-sm:10px;
--lg-radius:14px;
--lg-radius-lg:18px;
--lg-radius-xl:22px;

/* Shadow */

--lg-shadow-sm:0 2px 8px rgba(0,0,0,.05);
--lg-shadow:0 8px 30px rgba(0,0,0,.08);
--lg-shadow-lg:0 18px 60px rgba(0,0,0,.12);

/* Width */

--lg-container:1400px;
--lg-content:1280px;

/* Spacing */

--lg-space-1:8px;
--lg-space-2:16px;
--lg-space-3:24px;
--lg-space-4:40px;
--lg-space-5:60px;
--lg-space-6:100px;

/* Animation */

--lg-speed:.25s;

}