/* Nordic Premium Design System */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

:root {
	--nordic-primary-bg: #FFFFFF;
	--nordic-secondary-bg: #F5F1EA;
	--nordic-primary-text: #202020;
	--nordic-secondary-text: #666666;
	--nordic-border: #E5E1DA;
	--nordic-accent: #B69B78;
}

body, h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea {
	font-family: 'Inter', sans-serif !important;
	color: var(--nordic-primary-text);
}

body {
	background-color: var(--nordic-primary-bg);
}

/* Typography Hierarchy */
h1 { font-weight: 600; font-size: 2.5rem; }
h2 { font-weight: 500; font-size: 2rem; }
h3 { font-weight: 500; font-size: 1.5rem; }
p { font-weight: 400; color: var(--nordic-secondary-text); }

/* Buttons */
.elementor-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background-color: var(--nordic-primary-text) !important;
	color: #FFFFFF !important;
	border-radius: 4px !important;
	padding: 12px 24px !important;
	font-weight: 500 !important;
	transition: all 0.3s ease !important;
	border: none !important;
}

.elementor-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background-color: #444444 !important;
	color: #FFFFFF !important;
}

.secondary-button {
	background-color: #FFFFFF !important;
	color: var(--nordic-primary-text) !important;
	border: 1px solid var(--nordic-primary-text) !important;
}

.secondary-button:hover {
	background-color: var(--nordic-primary-bg) !important;
}

/* Product Cards */
.woocommerce ul.products li.product {
	background-color: var(--nordic-primary-bg);
	border: 1px solid var(--nordic-border);
	padding: 16px;
	border-radius: 8px;
	text-align: center;
}

.woocommerce ul.products li.product img {
	margin-bottom: 16px;
	border-radius: 4px;
}

.woocommerce ul.products li.product .price {
	color: var(--nordic-accent) !important;
	font-weight: 600;
}

/* General Layout */
.elementor-section {
	padding: 60px 0 !important;
}

/* Forms */
input[type="text"], input[type="email"], input[type="password"], textarea, select {
	border: 1px solid var(--nordic-border) !important;
	border-radius: 4px !important;
	padding: 10px 15px !important;
	font-family: 'Inter', sans-serif !important;
}
input:focus, textarea:focus, select:focus {
	outline: none;
	border-color: var(--nordic-primary-text) !important;
}