/* Colors for Petra'Areej Website */

:root {
  /* Primary Colors */
  --primary-dark: #2A2A2A;    /* Authority - Dark charcoal */
  --primary-gold: #C5A47E;    /* Warmth - Gold accent */
  
  /* Secondary Colors */
  --secondary-light: #F5F5F5; /* Light background */
  --secondary-gray: #4A4A4A;  /* Medium gray for text */
  --secondary-dark: #1A1A1A;  /* Darker than primary for contrast */
  
  /* Accent Colors */
  --accent-red: #A83C3C;      /* For emotional elements */
  --accent-blue: #3C6EA8;     /* For intellectual elements */
  --accent-green: #3CA87E;    /* For spiritual elements */
  
  /* UI Colors */
  --ui-hover: rgba(197, 164, 126, 0.2); /* Gold with transparency for hover states */
  --ui-active: rgba(197, 164, 126, 0.5); /* Gold with transparency for active states */
  --ui-overlay: rgba(42, 42, 42, 0.8);   /* Dark overlay with transparency */
  
  /* Text Colors */
  --text-primary: #2A2A2A;    /* Primary text color */
  --text-secondary: #4A4A4A;  /* Secondary text color */
  --text-light: #F5F5F5;      /* Light text for dark backgrounds */
  --text-gold: #C5A47E;       /* Gold text for emphasis */
  
  /* Background Colors */
  --bg-primary: #FFFFFF;      /* Primary background */
  --bg-secondary: #F5F5F5;    /* Secondary background */
  --bg-dark: #2A2A2A;         /* Dark background */
  --bg-gold: #C5A47E;         /* Gold background for accents */
}