/* OnlySatvik Design System v1.3.0
   Single source of truth for brand tokens. New theme/plugin UI must use
   these variables — never hardcode brand hex values.
   Brand colors are editable in Customizer → OnlySatvik Settings → Brand Colors,
   which override these defaults via inline CSS. */

:root {
	/* Brand (OnlySatvik) */
	--os-brand: #39b54a;
	--os-brand-2: #3ab54a;
	--os-brand-dark: #2c9440;
	--os-brand-soft: #e9f9ec;
	--os-accent: #ff914d;

	--os-green: #39b54a;
	--os-green-dark: #2c9440;
	--os-green-soft: #e9f9ec;
	--os-orange: #ff914d;

	/* Neutrals */
	--os-bg: #f9fafc;
	--os-surface: #ffffff;
	--os-border: #e8e8e8;
	--os-border-soft: #f0f0f0;
	--os-text: #1f2a1f;
	--os-muted: #999999;
	--os-faint: #b5b5b5;

	/* Shape */
	--os-radius-sm: 8px;
	--os-radius: 14px;
	--os-radius-lg: 20px;
	--os-radius-pill: 999px;

	/* Type */
	--os-font: 'Inter', Arial, Helvetica, sans-serif;
	--os-font-display: 'Poppins', 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif;

	/* Motion */
	--os-ease: cubic-bezier(0.22, 0.9, 0.3, 1);
	--os-shadow-sm: 0 2px 8px rgba(31, 42, 31, 0.06);
	--os-shadow-md: 0 10px 26px rgba(31, 42, 31, 0.1);
	--os-shadow-lg: 0 18px 44px rgba(31, 42, 31, 0.16);
}

/* Base utilities */
.os-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 13px 32px;
	border-radius: var(--os-radius-pill);
	font-family: var(--os-font);
	font-weight: 700;
	font-size: 16px;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: transform 0.15s var(--os-ease), box-shadow 0.15s var(--os-ease), background 0.15s, filter 0.15s;
}
.os-btn:hover { transform: translateY(-2px); }
.os-btn--primary { background: var(--os-brand); color: #fff; box-shadow: 0 6px 18px rgba(57, 181, 74, 0.35); }
.os-btn--primary:hover { background: var(--os-brand); color: #fff; filter: brightness(0.93); }
.os-btn--lg { padding: 16px 44px; font-size: 18px; }

.os-eyebrow {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: var(--os-brand-dark);
	background: var(--os-brand-soft);
	border-radius: var(--os-radius-pill);
	padding: 6px 16px;
}

/* Custom logo (Customizer → Site Identity → Logo) */
.sb-logo-frame .custom-logo {
	max-height: 56px;
	width: auto;
}