@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Jost:wght@300;400;500;600;700&display=swap");
:root {
--font-heading: 'Playfair Display', serif;
--font-body: 'Jost', sans-serif;
--color-text: #333333;
--color-accent: #604573; --color-link: #5f2c91;
--color-link-contrast: #4b2e6a; --faq-accent: #b58b4c; font-size: clamp(1rem, 0.9vw + 0.6rem, 1.125rem);  --canyon-rose: #e9d9d1; --golden-ochre: #b58b4c; --sand-beige: #f3eeea; --linen-white: #f9f7f6; --muted-brown: #5e514a; --terracotta: #ba7b55;
--rose-gold: #B76E79;
--blush: #E8D5D0;
--cream: #F9F7F4; --canyon-rose-light: #f6eeea; --golden-ochre-light: #e9d6b6; --sand-beige-light: #faf7f5; --linen-white-light: #fdfcfc; --sage-brush: #b7c5a6; --sage-brush-light: #c9d3ba;
--deep-olive: #6b6543; --brand-bg: var(--canyon-rose-light); --content-bg: var(--linen-white-light); --canva-bg: var(--sand-beige-light); --training-bg: #f7f3ef; --editorial-text: var(--muted-brown);
--editorial-soft: #777;
} --space-xs: 0.5rem; --space-sm: 1rem; --space-md: 1.5rem; --space-lg: 2rem; --space-xl: 3rem; --space-2xl: 4rem; --space-3xl: 6rem;  --radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 12px;
--radius-full: 50px; --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.06);
--shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.08);
--shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.12); --transition-fast: 0.2s ease;
--transition-base: 0.3s ease;
--transition-slow: 0.4s ease; --z-base: 1;
--z-dropdown: 100;
--z-sticky: 200;
--z-fixed: 300;
--z-modal: 400;
--z-popover: 500;
--z-tooltip: 600;
}