/* Design tokens — Akcesoria Meble / iFil (dimstore) */
:root {
	--brand-bg: #ffffff;
	--brand-muted-dark: #3a3a3a;
	--brand-accent-2-ui: #dd0000;
	--brand-accent-green: #dd0000;
	--muted-text: #6b7280;

	--brand-primary-bg: #dd0000;
	--brand-primary-text: #3a3a3a;
	--on-primary: #ffffff;

	--brand-secondary-bg: #3a3a3a;
	--brand-secondary-text: #3a3a3a;
	--on-secondary: #ffffff;

	--brand-shadow-rgb: 58, 58, 58;

	--dark-text: #3a3a3a;
	--light-text: #ffffff;

	--dark-bg: #f4f3f0;
	--light-bg: #f6f6f6;

	--radius: 12px;

	--btn-primary-bg: #dd0000;
	--btn-primary-text: #ffffff;
	--btn-primary-text-hov: #ffffff;
	--btn-primary-bg-hov: #b30000;
	--btn-primary-radius: 12px;

	--btn-secondary-bg: #f4f3f0;
	--btn-secondary-text: var(--dark-text);
	--btn-secondary-text-hov: var(--light-text);
	--btn-secondary-bg-hov: #3a3a3a;
	--btn-secondary-radius: 12px;

	--link-color: #3a3a3a;
	--link-underline: #3a3a3a;
	--link-hover: #dd0000;

	--field-bg: #f4f3f0;
	--field-text: #3a3a3a;
	--field-border: #3a3a3a;
	--field-radius: 10px;
	--field-padding-y: 10px;
	--field-padding-x: 14px;

	--panel-bg: #ffffff;
	--panel-border: #d1d5db;
	--panel-radius: 15px;
	--panel-shadow: 0 1px 6px rgba(58, 58, 58, 0.08);

	--scheme-border: #d1d5db;
	--muted-light: #f6f6f6;

	--p: 15px;
	--transition: 0.3s ease-in-out;
}

.text-primary {
	color: var(--brand-primary-bg);
}
.text-dark {
	color: var(--dark-text);
}
.bg-muted-light {
	background-color: var(--light-bg);
}
.border-scheme-border {
	border-color: var(--scheme-border);
}
.link-primary {
	color: var(--link-color);
	text-decoration: none;
	transition: var(--transition);
}
.link-primary:hover {
	color: var(--brand-primary-bg);
}

.btn-secondary {
	display: inline-block;
	padding: 10px 20px;
	background: var(--btn-secondary-bg);
	color: var(--btn-secondary-text);
	border: 1px solid var(--panel-border);
	border-radius: var(--btn-secondary-radius);
	font-weight: 600;
	cursor: pointer;
	font-family: inherit;
	transition: var(--transition);
}
.btn-secondary:hover {
	background: var(--btn-secondary-bg-hov);
	color: var(--btn-secondary-text-hov);
}
