@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    /* Color Palette */
    --primary-hue: 36;
    --primary-sat: 12%;
    --primary-lightness: 22%;
    
    --primary: hsl(var(--primary-hue), var(--primary-sat), var(--primary-lightness)); /* Historic Stone */
    --primary-light: hsl(var(--primary-hue), var(--primary-sat), 35%);
    --primary-dark: hsl(var(--primary-hue), var(--primary-sat), 12%);
    
    --secondary-hue: 85;
    --secondary-sat: 20%;
    --secondary-lightness: 30%;
    
    --secondary: hsl(var(--secondary-hue), var(--secondary-sat), var(--secondary-lightness)); /* Olive Vine */
    --secondary-light: hsl(var(--secondary-hue), var(--secondary-sat), 42%);
    --secondary-dark: hsl(var(--secondary-hue), var(--secondary-sat), 20%);
    
    --bg-cream: hsl(41, 47%, 96%); /* Silk Cocoon White */
    --bg-white: #ffffff;
    --accent-gold: hsl(38, 35%, 78%); /* Champagne Gold */
    --accent-gold-dark: hsl(38, 30%, 65%);
    
    --text-dark: hsl(36, 15%, 15%);
    --text-light: hsl(36, 5%, 45%);
    
    /* Layout Tokens */
    --border-color: hsla(var(--primary-hue), var(--primary-sat), var(--primary-lightness), 0.1);
    --border-gold: hsla(38, 35%, 78%, 0.3);
    --card-shadow: 0 12px 40px -10px rgba(36, 12%, 22%, 0.08);
    --glow-shadow: 0 0 20px rgba(234, 213, 184, 0.4);
    
    /* Typography */
    --font-serif: 'Playfair Display', Georgia, serif;
    --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    
    /* Transitions */
    --transition-smooth: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    --transition-bounce: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    
    /* Section Padding */
    --section-padding: 8rem 2rem;
    --section-padding-mobile: 5rem 1.2rem;
}