@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  /* Color Palette */
  --color-primary: #A0522D; /* Earthy Terracotta/Sienna */
  --color-primary-light: #CD853F; /* Peru / Warm Sand */
  --color-primary-dark: #5C2E16; /* Deep Earth Brown */
  --color-accent: #E0A800; /* Warm Gold */
  --color-accent-light: #FFC72C;
  --color-neutral-100: #FFFFFF;
  --color-neutral-200: #FDFBF7; /* Softer Beige */
  --color-neutral-300: #E8E4D9;
  --color-neutral-800: #3E3E3E; /* Softer Black */
  --color-neutral-900: #1A1816; /* Warm Black */
  --color-on-dark-heading: #F9F6F0;
  --color-on-dark-body: #E2E8F0;

  /* Typography */
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
  
  /* Shadows & Glassmorphism */
  --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 20px 40px rgba(31, 77, 58, 0.12);
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: 1px solid rgba(255, 255, 255, 0.4);
  --glass-blur: blur(12px);

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-slow: 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);

  /* Spacing */
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 8rem;

  /* Layout */
  --max-width: 1200px;
  --border-radius: 12px;
  --border-radius-lg: 24px;
}

[data-theme="dark"] {
  --color-neutral-100: #1A1A1A;
  --color-neutral-200: #2C2C2C;
  --color-neutral-300: #3D3D3D;
  --color-neutral-800: #E8E4D9;
  --color-neutral-900: #FFFFFF;
  --glass-bg: rgba(26, 26, 26, 0.85);
  --glass-border: 1px solid rgba(255, 255, 255, 0.05);
}