/* East Textile Color Palette - Based on #D32E2E */
:root {
  /* Primary Colors */
  --primary-red: #D32E2E;
  --primary-red-dark: #B02525;
  --primary-red-light: #E55A5A;
  --primary-red-lighter: #F5E5E5;
  
  /* Complementary Colors */
  --secondary-blue: #2E7DD3;
  --secondary-blue-light: #5A9DE5;
  
  /* Neutral Colors */
  --white: #FFFFFF;
  --light-gray: #F8F9FA;
  --medium-gray: #6C757D;
  --dark-gray: #343A40;
  --black: #212529;
  
  /* Accent Colors */
  --gold: #D4AF37;
  --cream: #F5F5DC;
  --warm-beige: #E8DCC6;
  
  /* Success/Error Colors */
  --success-green: #28A745;
  --warning-orange: #FFC107;
  --error-red: var(--primary-red);
  
  /* Shadow Colors */
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.15);
  --shadow-dark: rgba(0, 0, 0, 0.3);
  
  /* Overlay Colors */
  --overlay-light: rgba(255, 255, 255, 0.9);
  --overlay-dark: rgba(0, 0, 0, 0.7);
}

/* Font Definitions - Supporting Arabic and English */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap');

:root {
  /* Font Families */
  --font-primary: 'Playfair Display', 'Noto Sans Arabic', serif;
  --font-secondary: 'Source Sans Pro', 'Noto Sans Arabic', sans-serif;
  --font-arabic: 'Noto Sans Arabic', sans-serif;
  
  /* Font Sizes */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  
  /* Line Heights */
  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;
}