:root {
	--font-body: 'Be Vietnam Pro', system-ui, sans-serif;
	--font-heading: var(--font-body);
	--font-serif: 'Playfair Display', Georgia, serif;
	--font-script: 'Dancing Script', cursive;

	/* Primary palette — exact brand colors */
	--color-purple: #6C3CFF;
	--color-pink: #F33FA6;
	--color-accent-pink: #FF4FB5;
	--color-accent-orange: #FFB347;
	--color-dark-text: #23253A;
	--color-secondary-text: #6D7285;
	--color-border: #ECECF4;
	--color-border-soft: #ECECF4;
	--color-border-card: #ECECF4;
	--color-bg-light: #FFFFFF;
	--color-white: #FFFFFF;
	--color-section-bg: #F8F7FF;
	--color-section-featured: #F8F7FF;
	--color-hover-purple: #5A2BEB;
	--color-hover-pink: #E52D92;
	--color-btn-secondary-hover: #FAF8FF;
	--color-icon-circle: #FAF8FF;
	--color-placeholder: #A7A9B6;
	--color-meta: #7B8096;
	--color-purple-mid: #A63DFF;
	--color-pink-light: #FF5E7A;
	--color-bg-soft-end: #FDFBFF;

	/* Softer UI purple — same hue, less visual weight */
	--color-purple-ui: color-mix(in srgb, var(--color-purple) 78%, white);

	/* Typography colors */
	--color-heading-main: #23253A;
	--color-heading-sub: #5F6480;
	--color-kicker: #6C3CFF;
	--color-subtitle-purple: #6B5F99;
	--color-partners-title: #2C2258;
	--color-paragraph: #6D7285;
	--color-highlight: #F33FA6;
	--color-price: #F33FA6;
	--color-price-old: #A4A7B5;
	--color-link: #6C3CFF;
	--color-link-hover: #F33FA6;

	/* Footer */
	--color-footer: #2C2258;
	--color-footer-bar: #221B46;
	--color-footer-text: rgba(255, 255, 255, 0.7);
	--color-footer-link: rgba(255, 255, 255, 0.75);

	/* Gradients — lighter overlays for airy feel */
	--gradient-heading: linear-gradient(90deg, #6C3CFF 0%, #F33FA6 100%);
	--gradient-primary: linear-gradient(90deg, #6C3CFF 0%, #A63DFF 50%, #F33FA6 100%);
	--gradient-cta: linear-gradient(90deg, #6C3CFF 0%, #F33FA6 100%);
	--gradient-cta-glossy:
		linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(255, 255, 255, 0) 42%),
		linear-gradient(90deg, #6C3CFF 0%, #F33FA6 100%);
	--gradient-button: linear-gradient(90deg, #F33FA6 0%, #FF5E7A 100%);
	--gradient-button-glossy:
		linear-gradient(180deg, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0.08) 42%, rgba(255, 255, 255, 0) 42%),
		linear-gradient(90deg, #F33FA6 0%, #FF5E7A 100%);
	--gradient-hero-overlay: linear-gradient(90deg, rgba(108, 60, 255, 0.52), rgba(243, 63, 166, 0.18));
	--gradient-bg-light: linear-gradient(180deg, #FFFFFF 0%, #FDFBFF 100%);
	--gradient-section-tint: linear-gradient(180deg, #FFFFFF 0%, #FCFBFF 55%, #FDFCFF 100%);
	--gradient-divider: linear-gradient(90deg, rgba(243, 63, 166, 0.85), rgba(108, 60, 255, 0.75));
	--gradient-hero-page: var(--gradient-primary);
	--gradient-nav: var(--gradient-primary);

	/* Legacy aliases */
	--color-primary: var(--color-purple-ui);
	--color-primary-dark: var(--color-hover-purple);
	--color-primary-deep: var(--color-hover-purple);
	--color-primary-light: var(--color-purple-mid);
	--color-primary-muted: var(--color-border);
	--color-heading: var(--color-heading-main);
	--color-heading-dark: var(--color-dark-text);
	--color-accent-yellow: var(--color-accent-orange);
	--color-gold: var(--color-accent-orange);
	--color-gold-light: var(--color-accent-orange);
	--color-orange: var(--color-pink-light);
	--color-green: var(--color-purple-ui);
	--color-green-nav: var(--color-white);
	--color-magenta: var(--color-pink);
	--color-warm: var(--color-section-bg);
	--color-gray-50: var(--color-bg-light);
	--color-gray-100: var(--color-section-bg);
	--color-gray-200: var(--color-border);
	--color-gray-400: var(--color-price-old);
	--color-gray-600: var(--color-secondary-text);
	--color-gray-800: var(--color-dark-text);

	--radius-input: 16px;
	--radius-btn: 999px;
	--radius-card: 22px;
	--radius-category: 18px;
	--radius-search: 22px;
	--radius-pill: 999px;
	--radius-sm: 14px;
	--radius-md: 16px;
	--radius-lg: 22px;
	--radius-xl: 22px;

	/* Soft, airy shadows */
	--shadow-soft: 0 6px 28px rgba(108, 60, 255, 0.04);
	--shadow-card: 0 8px 32px rgba(44, 34, 88, 0.05);
	--shadow-hover: 0 14px 40px rgba(44, 34, 88, 0.07);
	--shadow-float: 0 10px 36px rgba(108, 60, 255, 0.06);
	--shadow-brand: 0 12px 32px rgba(243, 63, 166, 0.16);
	--shadow-tour-hover: 0 16px 44px rgba(44, 34, 88, 0.08);
	--shadow-button: 0 10px 26px rgba(243, 63, 166, 0.22);
	--shadow-button-gloss: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(255, 255, 255, 0.1);

	--container: 1440px;
	--layout-max: 1440px;
	--layout-gutter: 48px;
	--section-gap: 48px;
	--section-pad-y: var(--section-gap);
	--transition: 0.3s ease;
	--transition-btn: 0.48s cubic-bezier(0.22, 1, 0.36, 1);
	--btn-hover-lift: -1px;
	--shadow-button-hover: 0 10px 28px rgba(108, 60, 255, 0.14);
	--shadow-button-pink-hover: 0 10px 24px rgba(243, 63, 166, 0.2);

	--heading-desktop: 2.75rem;
	--heading-tablet: 2.25rem;
	--heading-mobile: 1.75rem;
}