/**
 * Design tokens — SR Mídia
 * Source: docs/recovery/styles.md (Archive 20250226180513)
 * brandon-grotesque (Typekit): PARTIALLY_RECOVERED → Nunito fallback for buttons/mobile menu.
 */
:root {
	/* Brand */
	--color-primary: #4900c4;
	--color-primary-hover: #4400b6;
	--color-link-hover: #3145c7;
	--color-hero-purple: #4b37b2;
	--color-gradient-start: #341ddf;
	--color-gradient-end: #412f8a;
	--color-btn-service: #1b194e;
	--color-btn-service-hover: #3520d9;

	/* Neutrals */
	--color-text: #333333;
	--color-background: #ffffff;
	--color-white: #ffffff;
	--color-footer: #4900c4;
	--color-footer-link-hover: #00ffff;
	--color-header-light-hover: #6efeff;

	/* Typography — Nunito primary; button/mobile use Nunito as Typekit substitute */
	--font-primary: "Nunito", BlinkMacSystemFont, -apple-system, "Roboto", "Lucida Sans", sans-serif;
	--font-display: var(--font-primary);
	--font-button: var(--font-primary);

	--font-size-menu: 15px;
	--font-size-submenu: 12px;
	--font-size-h1: 54px;
	--font-size-h3: 30px;
	--font-size-h5: 20px;
	--font-size-body: 16px;
	--font-size-widget: 16px;

	--line-height-h1: 1;
	--line-height-h3: 1.25;
	--letter-spacing-h1: 0.03em;

	/* Layout */
	--container-width: 1140px;
	--container-pad: 24px;
	--logo-height: 60px;
	--logo-height-mobile: 45px;
	--header-pad-y: 40px;
	--header-pad-y-fixed: 10px;
	--footer-pad-y: 60px;

	/* Spacing scale */
	--spacing-xs: 0.25rem;
	--spacing-sm: 0.5rem;
	--spacing-md: 1rem;
	--spacing-lg: 1.5rem;
	--spacing-xl: 2.25rem;
	--spacing-2xl: 3.5rem;
	--spacing-3xl: 5rem;

	/* Motion */
	--transition-fast: 150ms ease;
	--transition-normal: 250ms ease;

	/* Breakpoints (reference): 40.0625em (~641), 768, 1024, 1280, 1440 */
	--bp-mobile: 40.0625em;
	--bp-tablet: 768px;
	--bp-desktop: 1024px;
}