/* =========================================================
VARIABLES
MBVUMBO DESIGN SYSTEM
========================================================= */

:root {

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

--forest:
#1F4D3A;

--forest-light:
#2D6A4F;

--earth:
#8B5E3C;

--earth-light:
#A47148;

--gold:
#C8A96B;

--gold-light:
#E4C58A;

--cream:
#F8F5F0;

--ivory:
#FAF7F2;

--charcoal:
#1E1E1E;

--text:
#3B3B3B;

--text-light:
#666;

--white:
#FFFFFF;

--black:
#000000;

/* =====================================================
GRADIENTS
===================================================== */

--gradient-dark:
linear-gradient(
to bottom,
rgba(0,0,0,.4),
rgba(0,0,0,.82)
);

--gradient-gold:
linear-gradient(
135deg,
var(--gold),
var(--earth)
);

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

--font-body:
'Inter',
sans-serif;

--font-title:
'Playfair Display',
serif;

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

--space-xs:
8px;

--space-sm:
16px;

--space-md:
24px;

--space-lg:
40px;

--space-xl:
80px;

--space-xxl:
140px;

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

--radius-sm:
12px;

--radius-md:
20px;

--radius-lg:
30px;

--radius-xl:
40px;

/* =====================================================
SHADOWS
===================================================== */

--shadow-soft:
0 10px 30px rgba(0,0,0,.06);

--shadow-medium:
0 20px 50px rgba(0,0,0,.10);

--shadow-large:
0 30px 80px rgba(0,0,0,.14);

/* =====================================================
TRANSITIONS
===================================================== */

--transition-fast:
.25s ease;

--transition:
.4s ease;

--transition-slow:
.8s ease;

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

--z-header:
1000;

--z-overlay:
10;

--z-modal:
5000;

}