/* ========================================
   CSS VARIABLES
   Design System
======================================== */

:root{

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

--color-primary:#333;
--color-secondary:#CCCCCC;
--color-accent-gold:#947E56;
--color-accent-red:#A84A4A;
--color-accent-green:#4E8A45;
--color-accent-gray:#A4A4A4;
--color-accent-dgray:#dddddd;

--color-bg:#F3F3F3;
--color-bg-light:#FFFFFF;

--color-font:#333;
--color-font-hover:#A4A4A4;

--color-footer-font:#FFFFFF;
--color-footer-font-hover:#A4A4A4;


/* ==============================
   TYPOGRAPHY
============================== */

--font-sans:
-apple-system,
BlinkMacSystemFont,
"Helvetica Neue",
Arial,
sans-serif;

--font-serif:
"Times New Roman",
serif;

--font-mono:
ui-monospace,
SFMono-Regular,
monospace;


/* ==============================
   FONT SIZE
============================== */

--font-xs:12px;
--font-sm:14px;
--font-md:16px;
--font-lg:20px;
--font-xl:28px;
--font-xxl:40px;


/* ==============================
   LINE HEIGHT
============================== */

--line-tight:1.2;
--line-normal:1.5;
--line-loose:1.8;


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

--space-xxs:4px;
--space-xs:8px;
--space-sm:16px;
--space-md:24px;
--space-lg:40px;
--space-xl:64px;
--space-xxl:120px;


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

--radius-sm:4px;
--radius-md:8px;
--radius-lg:16px;
--radius-xl:32px;


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

--shadow-sm:0 1px 2px rgba(0,0,0,0.05);
--shadow-md:0 4px 12px rgba(0,0,0,0.08);
--shadow-lg:0 10px 30px rgba(0,0,0,0.12);


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

--container-sm:640px;
--container-md:960px;
--container-lg:1200px;
--container-xl:1440px;


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

--z-header:1000;
--z-menu:1100;
--z-modal:2000;
--z-overlay:3000;


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

--ease-standard:cubic-bezier(.4,0,.2,1);

--duration-fast:0.2s;
--duration-normal:0.4s;
--duration-slow:0.8s;

}