@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Tajawal:wght@400;500;700;800&display=swap');

:root {
    --blue: #176b3a;
    --blue-dark: #0f4f2a;
    --blue-light: #228b4f;

    --green: #176b3a;
    --green-dark: #0f4f2a;
    --green-deep: #0b3d22;

    --gold: #d6aa45;
    --gold-light: #f2d27b;

    --white: #ffffff;
    --light-gray: #f6f8f4;
    --border-color: #d8e2d3;
    --text-color: #1f2a24;
    --text-gray: #6b746f;

    --font: 'Tajawal', sans-serif;
    --heading-font: 'Aref Ruqaa', serif;

    --header-height: 70px;
}