:root {
  --color-primary: #f15b42;
  --color-primary-alt: #2c3d73;
  --color-primary-rgb: 241, 91, 66;
  --color-dark: #2c3d73;
  --color-dark-bg: #2c3d73;
  --color-footer-bg: #2c3d73;
  --color-body-bg: #fafafa;
  --color-body-text: #2c3d73;
  --color-muted: #7caadc;
  --color-heading: #f15b42;
  --color-on-primary: #ffffff;
  --color-header-bg: #ffffff;
  --color-accent-soft: #ffd372;
  --color-white: #ffffff;
  --font-body: 'El Messiri', sans-serif;
  --font-heading: 'Cairo', sans-serif;
  --primary-gold: var(--color-primary);
  --brand-gold: var(--color-primary-alt);
  --brand-dark: var(--color-dark);
  --dark-bg: var(--color-dark-bg);
  --text-gray: var(--color-muted);
  --white: var(--color-white);
}