:root {
	--vitamina-astra-color-primary: #00677D;
	--vitamina-astra-color-secondary: #006399;
	--vitamina-astra-color-accent-teal: #09B4E8;
	--vitamina-astra-color-brand-blue: #0062FF;
	--vitamina-astra-color-brand-deep: #004BD6;
	--vitamina-astra-color-brand-sky: #38BDF8;
	--vitamina-astra-color-accent-orange: #FF5722;
	--vitamina-astra-color-accent-purple: #904994;
	--vitamina-astra-color-accent-green: #9FC335;
	--vitamina-astra-color-dark: #081225;
	--vitamina-astra-color-dark-navy: #0F1A30;
	--vitamina-astra-color-ink: #1E293B;
	--vitamina-astra-color-body: #475569;
	--vitamina-astra-color-muted: #64748B;
	--vitamina-astra-color-surface: #FFFFFF;
	--vitamina-astra-color-subtle-surface: #F8FAFC;
	--vitamina-astra-color-border: #E2E8F0;
	--vitamina-astra-content-width: 72rem;
	--vitamina-astra-wide-width: 80rem;
	--vitamina-astra-radius-small: 8px;
	--vitamina-astra-radius-card: 16px;
	--vitamina-astra-radius-section: 24px;
	--vitamina-astra-radius-pill: 999px;
	--vitamina-astra-shadow-subtle: 0 1px 2px rgba(15,23,42,.06);
	--vitamina-astra-shadow-card: 0 4px 12px rgba(15,23,42,.08);
	--vitamina-astra-shadow-elevated: 0 20px 40px rgba(15,23,42,.14);
	--vitamina-astra-space-xs: 8px;
	--vitamina-astra-space-s: 12px;
	--vitamina-astra-space-m: 16px;
	--vitamina-astra-space-l: 24px;
	--vitamina-astra-space-xl: 32px;
	--vitamina-astra-space-2xl: 48px;
	--vitamina-astra-space-3xl: 64px;
	--vitamina-astra-space-4xl: 80px;
	--vitamina-astra-space-5xl: 96px;
}