:root {
  --color-primary: #f1b42f;
  --color-primary-alt: #f2b324;
  --color-primary-rgb: 241, 180, 47;
  --color-dark: #1a1a1a;
  --color-dark-bg: #2a2a2a;
  --color-footer-bg: #2b2b2b;
  --color-body-bg: #ffffff;
  --color-body-text: #333333;
  --color-muted: #666666;
  --color-heading: #000000;
  --color-on-primary: #000000;
  --color-header-bg: #ffffff;
  --color-accent-soft: #fdf5e6;
  --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);
}