/* ============================================
   Qolivera — CSS Variables
   ============================================ */

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

/* ---- Custom Fonts ---- */
@font-face {
  font-family: 'TheYearofTheCamel';
  src: url('../fonts/TheYearofTheCamel/TheYearofTheCamel-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TheYearofTheCamel';
  src: url('../fonts/TheYearofTheCamel/TheYearofTheCamel-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TheYearofTheCamel';
  src: url('../fonts/TheYearofTheCamel/TheYearofTheCamel-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TheYearofTheCamel';
  src: url('../fonts/TheYearofTheCamel/TheYearofTheCamel-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TheYearofTheCamel';
  src: url('../fonts/TheYearofTheCamel/TheYearofTheCamel-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TheYearofTheCamel';
  src: url('../fonts/TheYearofTheCamel/TheYearofTheCamel-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TheYearofTheCamel';
  src: url('../fonts/TheYearofTheCamel/TheYearofTheCamel-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ---- Color Palette ---- */
:root {
  --white:        #FFFFFF;
  --off-white:    #F7F6F2;
  --card-bg:      #FFF4EC;
  --navy:         #0B1F3A;
  --orange:       #E8761A;
  --orange-hover: #C45E0E;
  --body-text:    #1C2B3A;
  --gray:         #64748B;
  --border:       #E2E8F0;

  /* ---- Typography ---- */
  --font-arabic:  'Cairo', Arial, sans-serif;
  --font-english: 'Cairo', Arial, sans-serif;
  --font-brand:   'TheYearofTheCamel', 'Cairo', sans-serif;

  /* ---- Spacing ---- */
  --section-py: 80px;
  --container:  1200px;

  /* ---- Borders ---- */
  --radius: 8px;
  --radius-sm: 4px;

  /* ---- Transitions ---- */
  --transition: 0.25s ease;
}