/* ==========================================================
   GLYDE Experience Center
   Theme Variables
========================================================== */

:root{

    /* Brand Colors */

    --primary:#C8A24A;

    --primary-dark:#A78432;

    --primary-light:#E2C878;

    --black:#111111;

    --dark:#1C1C1C;

    --light:#F5F5F5;

    --white:#FFFFFF;

    --gray:#7A7A7A;

    --border:#E5E5E5;

    --success:#2E8B57;

    --danger:#D64045;

    /* Typography */

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

    --font-xs:12px;

    --font-sm:14px;

    --font-md:16px;

    --font-lg:20px;

    --font-xl:28px;

    --font-xxl:40px;

    /* Font Weight */

    --fw-light:300;

    --fw-normal:400;

    --fw-medium:500;

    --fw-semibold:600;

    --fw-bold:700;

    /* Radius */

    --radius-sm:8px;

    --radius-md:14px;

    --radius-lg:22px;

    /* Shadows */

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

    --shadow-md:0 8px 24px rgba(0,0,0,.12);

    --shadow-lg:0 20px 40px rgba(0,0,0,.18);

    /* Spacing */

    --space-1:8px;

    --space-2:16px;

    --space-3:24px;

    --space-4:32px;

    --space-5:48px;

    --space-6:64px;

    /* Animation */

    --transition:.30s ease;

}