/* Diamora Design System Variables */

:root {
  /* Colors */
  --primary-gold: #b88e2f;
  --primary-gold-rgb: 184, 142, 47;
  --primary-gold-dark: #967222;
  --primary-gold-light: #e4c785;
  --gold-glow: rgba(184, 142, 47, 0.15);
  
  --deep-charcoal: #1c1c1c;
  --charcoal-light: #2c2c2c;
  --charcoal-muted: #5e5e5e;
  
  --warm-ivory: #fdfbf7;
  --cream-background: #faf7f2;
  --pure-white: #ffffff;
  --border-gold-tint: #e8e2d5;
  --border-light: #eceae5;
  
  /* Status Colors */
  --success: #2e7d32;
  --error: #c62828;
  
  /* Typography */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Outfit', 'Inter', system-ui, sans-serif;
  
  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2.5rem;
  --spacing-xxl: 4rem;
  
  /* Animation Timing */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-round: 50%;
  
  /* Container Widths */
  --container-width: 1280px;
  
  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 24px rgba(28, 28, 28, 0.06);
  --shadow-lg: 0 16px 40px rgba(184, 142, 47, 0.08);
  --shadow-luxury: 0 20px 50px rgba(0, 0, 0, 0.08);
}