/* Import Google Fonts: Cormorant Garamond, Noto Serif Display, and Plus Jakarta Sans */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Noto+Serif+Display:ital,wght@0,300..900;1,300..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
  /* Color Palette (Premium Light Mode with Your Brand Specifications) */
  --bg-primary: #F8F7F2;           /* Your exact Off-White (Main Page background) */
  --bg-secondary: #FFFFFF;         /* Pure white for card surfaces to pop */
  --bg-tertiary: #F2EFE6;          /* Slightly deeper cream for offset sections */
  --bg-accent: rgba(204, 179, 147, 0.1); /* Gold background highlight */
  
  --color-green: #0E300E;          /* Your exact Primary Green */
  --color-gold: #CCB393;           /* Your exact Gold Accent */
  --color-gold-hover: #bda280;     /* Slightly darker gold for readability on hover */
  --color-gold-muted: rgba(204, 179, 147, 0.3);
  
  --text-primary: #0E300E;         /* Heading and primary brand elements (Green) */
  --text-secondary: #2B2B2B;       /* Readable body copy (Dark Charcoal) */
  --text-muted: #5A665A;           /* Soft olive-grey for details/meta info */
  
  --color-error: #D04F5E;
  --color-success: #60993E;
  
  --border-light: rgba(14, 48, 14, 0.06);   /* Delicate brand-tinted border */
  --border-medium: rgba(14, 48, 14, 0.15);  /* Structured brand-tinted border */
  --border-gold: rgba(204, 179, 147, 0.4);   /* Gold accent border */
  
  /* Typography Tokens */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  
  /* Luxury Letter Spacing */
  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --tracking-wide: 0.05em;
  --tracking-wider: 0.1em;
  --tracking-widest: 0.2em;
  
  /* Layout Spacing */
  --container-width: 1320px;       /* Slightly wider for editorial feel */
  --header-height: 90px;
  
  /* Transition Timing */
  --transition-smooth: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); /* Elegant ease-out */
  --transition-fast: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  
  /* Border Radius */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  
  /* Soft Shadows tailored for Light Mode */
  --shadow-sm: 0 4px 20px rgba(14, 48, 14, 0.03);
  --shadow-md: 0 16px 40px rgba(14, 48, 14, 0.06);
  --shadow-lg: 0 24px 64px rgba(14, 48, 14, 0.09);
  --shadow-gold: 0 0 35px rgba(204, 179, 147, 0.15);
}