/* Global Variables & Colors */
:root {
	--bg-primary: var(--e-global-color-primary, #121112);
	--bg-secondary: var(--e-global-color-secondary, #1f1d1e);
	--text-primary: var(--e-global-color-text, #ffffff);
	--text-secondary: var(--e-global-color-secondary, #a09f9f);
	--accent-gold: var(--e-global-color-accent, #c5a059);
	--accent-gold-hover: #b38e49;
	--border-color: rgba(255, 255, 255, 0.1);
	--font-serif: 'Gilda Display', Georgia, serif;
	--font-sans: 'Public Sans', sans-serif;
	--transition-smooth: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Base resets for clean layouts */
body {
	background-color: var(--bg-primary);
	color: var(--text-primary);
	font-family: var(--font-sans);
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

/* Standard Premium Typography */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-serif);
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--text-primary);
	margin-top: 0;
}

/* Base Buttons */
.jarrell-btn {
	display: inline-block;
	padding: 14px 28px;
	font-family: var(--font-sans);
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-radius: 0;
	text-decoration: none;
	transition: var(--transition-smooth);
	cursor: pointer;
	border: 1px solid transparent;
}

.jarrell-btn-primary {
	background-color: var(--accent-gold);
	color: #000;
	border-color: var(--accent-gold);
}

.jarrell-btn-primary:hover {
	background-color: var(--accent-gold-hover);
	border-color: var(--accent-gold-hover);
	transform: translateY(-2px);
}

.jarrell-btn-secondary {
	background-color: transparent;
	color: var(--text-primary);
	border-color: var(--text-primary);
}

.jarrell-btn-secondary:hover {
	background-color: var(--text-primary);
	color: var(--bg-primary);
	transform: translateY(-2px);
}