:root {
	--arbidcars-green: #12352B;
	--arbidcars-green-secondary: #1E7A3F;
	--arbidcars-lime: #B8E34B;
	--arbidcars-graphite: #4E5D55;
	--arbidcars-light: #E9F1EC;
	--arbidcars-white: #FFFFFF;
	--arbidcars-font: "Noto Sans", sans-serif;
	--arbidcars-radius: 8px;
	--arbidcars-container: 1280px;
}

/*
 * Intentionally minimal base layer. Avoid broad rules for buttons, links,
 * headings, forms, or Elementor/Apibara selectors so their own styles remain
 * in control.
 */
html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--arbidcars-font);
}

img {
	max-width: 100%;
	height: auto;
}

.site-main {
	min-width: 0;
}

.arbidcars-container {
	width: min(calc(100% - 40px), var(--arbidcars-container));
	margin-inline: auto;
}

.arbidcars-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 20px;
	border: 0;
	border-radius: var(--arbidcars-radius);
	background: var(--arbidcars-lime);
	color: var(--arbidcars-green);
	font: inherit;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}

.arbidcars-button:hover {
	filter: brightness(.96);
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}