/**
 * Malendo Property — brand tokens only (Guideline v1.2).
 * No global button/form overrides — component styles live in frontend.css.
 */

:root {
	--brand: #00ab9f;
	--accent: #00857a;
	--accent-hi: #16756f;
	--accent-soft: #e6f6f4;
	--brass: #b08d57;
	--ink: #0e1a19;
	--ink-2: #4a5a57;
	--ink-3: #7d8c89;
	--line: #dfe5e3;
	--paper: #f4f7f6;
	--white: #ffffff;
	--ok: #1a7f4f;
	--warn: #a35a12;
	--err: #b3352a;
	--info: #2a5f9e;
	--glass: rgba(255, 255, 255, 0.1);
	--glass-hi: rgba(255, 255, 255, 0.17);
	--glass-line: rgba(255, 255, 255, 0.22);
	--display: "Instrument Sans", system-ui, sans-serif;
	--body: "Manrope", system-ui, sans-serif;
	--r-s: 10px;
	--r-m: 14px;
	--r-l: 20px;
	--r-pill: 999px;
	--sh-s: 0 1px 2px rgba(11, 21, 18, 0.06), 0 2px 8px rgba(11, 21, 18, 0.05);
	--sh-m: 0 4px 12px rgba(11, 21, 18, 0.07), 0 12px 32px rgba(11, 21, 18, 0.08);
	--sh-l: 0 18px 50px rgba(11, 21, 18, 0.16);
	--gutter: 40px;
	--maxw: 1320px;

	/* legacy aliases */
	--malendo-primary: var(--accent);
	--malendo-primary-dark: var(--accent-hi);
	--malendo-primary-light: var(--accent-soft);
	--malendo-brand-mark: var(--brand);
	--malendo-gold: var(--brass);
	--malendo-sand: var(--paper);
	--malendo-white: var(--white);
	--malendo-line: var(--line);
	--malendo-ink: var(--ink);
	--malendo-dark: var(--ink);
	--malendo-font-display: var(--display);
	--malendo-font-body: var(--body);
	--fn-brand: var(--accent);
	--fn-brand-hover: var(--accent-hi);
	--fn-brand-light: var(--accent-soft);
}

/* Soft site fonts (no !important — themes/Elementor can override) */
body {
	font-family: var(--body);
	color: var(--ink);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
	font-family: var(--display);
	font-weight: 600;
	color: var(--ink);
	letter-spacing: -0.02em;
}