:root {
--mp-sage: #5b6f62;        
--mp-sage-deep: #3f4e45;
--mp-wood: #b07d4b;        
--mp-cream: #f4f1ea;
--mp-white: #fbfaf7;       
--mp-ink: #232323;
--mp-muted: #6b7269;
--mp-surface: var(--mp-white);
--mp-page-bloom: radial-gradient(1100px 560px at 78% -12%, rgba(91, 111, 98, 0.16), transparent 60%);
--mp-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
--mp-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
--mp-glass-bg: rgba(91, 111, 98, 0.14);
--mp-glass-blur: blur(10px) saturate(220%) brightness(1.1);
--mp-glass-shadow:
inset 1px 1px 0 rgba(255, 255, 255, 0.12),   
inset -1px -1px 0 rgba(255, 255, 255, 0.05), 
0 1px 2px rgba(0, 0, 0, 0.06),               
0 3px 10px rgba(0, 0, 0, 0.03);              
--mp-glass-radius: 14px;
--mp-card-bg: rgba(255, 255, 255, 0.92);
--mp-vignette: linear-gradient(
to bottom,
rgba(20, 34, 27, 0.45) 0%,
rgba(20, 34, 27, 0.12) 55%,
transparent 100%
);
--mp-gap: 1rem;
--mp-gap-lg: 2rem;
--mp-maxw: 1180px;
--mp-radius: 14px;
--mp-text: var(--mp-ink);
--mp-text-muted: #5f665e;
--mp-text-subtle: #3a403a;      
--mp-text-on-dark: var(--mp-white);
--mp-heading: var(--mp-sage-deep);
--mp-border: rgba(91, 111, 98, 0.14);
--mp-border-strong: rgba(91, 111, 98, 0.28);
--mp-bg-subtle: rgba(91, 111, 98, 0.06);
--mp-bg-raised: #ffffff;
--mp-wood-deep: #946638;
--mp-hero-from: #5f7265;
--mp-danger: #a3402f;
--mp-danger-bg: rgba(163, 64, 47, 0.08);
--mp-success: #4b7355;
--mp-text-2xs: 0.75rem;                              
--mp-text-xs: 0.8125rem;                             
--mp-text-sm: 0.875rem;                              
--mp-text-base: 1rem;                                
--mp-text-lg: 1.125rem;                              
--mp-text-xl: clamp(1.25rem, 1.15rem + 0.4vw, 1.4rem);
--mp-text-2xl: clamp(1.45rem, 1.3rem + 0.7vw, 1.75rem);
--mp-text-3xl: clamp(1.75rem, 1.5rem + 1.2vw, 2.25rem);
--mp-text-4xl: clamp(2.1rem, 1.6rem + 2.2vw, 3.1rem);   
--mp-lh-tight: 1.15;      
--mp-lh-snug: 1.3;        
--mp-lh-normal: 1.55;     
--mp-lh-loose: 1.7;       
--mp-tracking-tight: -0.01em;
--mp-tracking-wide: 0.02em;
--mp-weight-normal: 400;
--mp-weight-medium: 500;
--mp-weight-semibold: 600;
--mp-weight-bold: 700;
--mp-space-1: 0.25rem;    
--mp-space-2: 0.5rem;     
--mp-space-3: 0.75rem;    
--mp-space-4: 1rem;       
--mp-space-5: 1.25rem;    
--mp-space-6: 1.5rem;     
--mp-space-8: 2rem;       
--mp-space-10: 2.5rem;    
--mp-space-12: 3rem;      
--mp-space-16: 4rem;      
--mp-space-20: 5rem;      
--mp-space-24: 6rem;      
--mp-section-pad: 4.5rem;   
--mp-section-rate: 0.62;    
--mp-elev-0: none;
--mp-elev-1: var(--mp-glass-shadow);
--mp-elev-2: var(--mp-glass-shadow), 0 6px 18px rgba(35, 35, 35, 0.07);
--mp-elev-3: var(--mp-glass-shadow), 0 14px 38px rgba(35, 35, 35, 0.12);
--mp-radius-sm: 8px;
--mp-radius-md: var(--mp-glass-radius);   
--mp-radius-lg: 20px;
--mp-radius-pill: 999px;
--mp-dur-fast: 120ms;
--mp-dur: 200ms;
--mp-dur-slow: 420ms;
--mp-ease: cubic-bezier(0.2, 0.8, 0.25, 1);        
--mp-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--mp-ease-overshoot: cubic-bezier(0, 0, 0.44, 1.18); 
--mp-focus-color: var(--mp-sage);
--mp-focus-width: 2px;
--mp-focus-offset: 3px;
--mp-focus-ring-inset:
0 0 0 2px var(--mp-surface),
0 0 0 4px var(--mp-focus-color);
--mp-z-base: 1;
--mp-z-sticky: 40;
--mp-z-drawer: 60;
--mp-z-overlay: 70;
--mp-z-toast: 80;
}