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

  /* Fonts */
  --font-default: 'Tajawal', sans-serif;
  --font-primary:  'Tajawal', sans-serif;
  --font-secondary: 'Tajawal', sans-serif;

  

  /* Default text color */
  --color-default: #1a1f24;
  --color-default-rgb: 26, 31, 36;

  /* Defult links color */
  --color-links: #6e0b25;
  

  /* Primay colors */
  --color-primary: #6e0b25;



  /* Secondary colors */
  --color-secondary: #646668;
  --color-secondary-light: #717476;
  --color-secondary-dark: #a3a5a7;
  



  
}

/*--------------------------------------------------------------
# 2. Override default Bootstrap variables
--------------------------------------------------------------*/
:root {



  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;


 
}

/*--------------------------------------------------------------
# 3. Set color and background class names
--------------------------------------------------------------*/
/* Fonts */
.font-default { font-family: var(--font-default) !important; }
.font-primary {     font-family: 'Cairo', sans-serif;;}
.font-secondary { font-family: var(--font-secondary) !important; }

/* Text Colors */