/* Wedding Site CSS Variables */
:root {
  /* Colors */
  --primary-brown: #8b4513;
  --primary-brown-hover: #a0522d;
  --accent-gold: #d4a574;
  --text-dark: #2c3e50;
  --text-medium: #5a5a5a;
  --text-light: #666;
  --error-red: #e74c3c;
  --error-red-light: #721c24;
  --success-green: #155724;
  --white: white;
  --light-gray: #f8f9fa;
  --border-gray: #e1e5e9;
  
  --brand-green: #474829;
  --brand-light-green: #AFB06A;
  --brand-purple: #E5D8E5;
  --brand-salmon: #FFD2BC;


  /* Background Colors */
  --bg-gradient-main: #FBF5E9;
  --bg-gradient-button: linear-gradient(135deg, var(--brand-green) 0%, var(--brand-light-green) 100%);
  --bg-white: white;
  --bg-light-gold: rgba(212, 165, 116, 0.1);
  --bg-nav: rgba(255, 255, 255, 0.95);

  /* Message Colors */
  --message-success-bg: #d4edda;
  --message-success-border: #c3e6cb;
  --message-error-bg: #f8d7da;
  --message-error-border: #f5c6cb;

  /* Typography */
  --font-heading: 'Cormorant', 'Georgia', 'Times New Roman', serif;
  --font-body: 'Cormorant Garamond', 'Georgia', 'Times New Roman', serif;
  --font-script: 'Meow Script', 'Brush Script MT', cursive;
  --font-serif: 'Cormorant', 'Georgia', 'Times New Roman', serif;
  --font-sans: 'Alegreya Sans', 'Arial', sans-serif;

  /* Font Sizes */
  --font-xs: 0.9rem;
  --font-sm: 1rem;
  --font-base: 1.1rem;
  --font-lg: 1.2rem;
  --font-xl: 1.3rem;
  --font-2xl: 1.5rem;
  --font-3xl: 1.8rem;
  --font-4xl: 2rem;
  --font-5xl: 2.2rem;
  --font-6xl: 2.5rem;
  --font-7xl: 3rem;
  --font-8xl: 4rem;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-xs-neg: -1rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 2.5rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 15px;
  --radius-xl: 20px;
  --radius-full: 25px;

  /* Shadows */
  --shadow-sm: 0 2px 10px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 15px rgba(139, 69, 19, 0.3);
  --shadow-lg: 0 6px 20px rgba(139, 69, 19, 0.4);
  --shadow-xl: 0 10px 30px rgba(0,0,0,0.1);
  --shadow-2xl: 0 20px 40px rgba(0,0,0,0.15);
  --shadow-card: 0 20px 40px rgba(0,0,0,0.15), 0 15px 25px rgba(0,0,0,0.1);

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease-in-out;

  /* Container Sizes */
  --container-sm: 400px;
  --container-md: 500px;
  --container-lg: 800px;
  --container-xl: 900px;

  /* Form Elements */
  --input-padding: 1rem;
  --input-border: 2px solid var(--border-gray);
  --input-border-focus: 2px solid var(--primary-brown);
  --input-border-login-focus: 2px solid #667eea;

  /* Wedding Specific */
  --card-border: 3px solid var(--brand-salmon);
}