/**
 * Viva design tokens
 */
:root {
	--viva-color-primary: #305050;
	--viva-color-primary-dark: #1f3535;
	--viva-color-primary-deep: #142525;
	--viva-color-olive: #3b4a32;
	--viva-color-olive-dark: #273121;
	--viva-color-gold: #d4af37;
	--viva-color-gold-soft: #e0c56e;
	--viva-color-vanilla: #f3e5ab;

	--viva-color-black: #0b0d0c;
	--viva-color-charcoal: #111513;
	--viva-color-surface-1: #161b18;
	--viva-color-surface-2: #1d2420;
	--viva-color-surface-3: #252d29;

	--viva-color-text: #f4f1e8;
	--viva-color-text-secondary: #c9c5b9;
	--viva-color-text-muted: #96968e;
	--viva-color-text-dark: #17201c;

	--viva-color-border: rgb(243 229 171 / 0.10);
	--viva-color-border-strong: rgb(212 175 55 / 0.32);
	--viva-color-overlay: rgb(7 10 8 / 0.72);

	--viva-color-success: #6f9b78;
	--viva-color-warning: #d6a94f;
	--viva-color-danger: #b9635f;

	--viva-font: "Peyda", Tahoma, sans-serif;

	--viva-fs-xs: 0.75rem;
	--viva-fs-sm: 0.875rem;
	--viva-fs-base: 1rem;
	--viva-fs-md: 1.125rem;
	--viva-fs-lg: 1.25rem;
	--viva-fs-xl: 1.5rem;
	--viva-fs-2xl: 1.875rem;
	--viva-fs-3xl: 2.25rem;
	--viva-fs-display: clamp(2.5rem, 10vw, 4.75rem);

	--viva-container: 1280px;
	--viva-content: 760px;
	--viva-gutter: clamp(1.125rem, 3vw, 2.25rem);

	--viva-space-1: 0.25rem;
	--viva-space-2: 0.5rem;
	--viva-space-3: 0.75rem;
	--viva-space-4: 1rem;
	--viva-space-5: 1.5rem;
	--viva-space-6: 2rem;
	--viva-space-7: 3rem;
	--viva-space-8: 4rem;
	--viva-space-9: 6.5rem;

	--viva-radius-xs: 6px;
	--viva-radius-sm: 10px;
	--viva-radius-md: 14px;
	--viva-radius-lg: 20px;
	--viva-radius-xl: 28px;
	--viva-radius-pill: 999px;

	--viva-shadow-subtle: 0 12px 40px rgb(0 0 0 / 0.16);
	--viva-shadow-modal: 0 24px 80px rgb(0 0 0 / 0.40);

	--viva-duration-fast: 160ms;
	--viva-duration-base: 240ms;
	--viva-duration-slow: 420ms;
	--viva-ease: cubic-bezier(.22, 1, .36, 1);

	--viva-header-height-mobile: 68px;
	--viva-header-height-desktop: 84px;
}