/* =========================================================
   Expo Arabic
   ========================================================= */

@font-face {
    font-family: 'Expo Arabic';
    src: url('../fonts/expo_arabic_light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Expo Arabic';
    src: url('../fonts/expo_arabic_book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Expo Arabic';
    src: url('../fonts/expo_arabic_medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Expo Arabic';
    src: url('../fonts/expo_arabic_semi_bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Expo Arabic';
    src: url('../fonts/expo_arabic_bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Official LWF Guelma Colors */
    --primary: #1F8F3A;      /* Algerian Green */
    --secondary: #E53935;    /* Algerian Red */
    --accent: #C9A227;       /* Gold from logo */

    --font-family: 'Expo Arabic', sans-serif;

    /* Backgrounds */
    --bg: #F7F8FA;
    --white: #FFFFFF;
    --surface: #FFFFFF;

    /* Text */
    --text: #111827;
    --muted: #6B7280;

    /* Borders */
    --border: #E5E7EB;

    /* Radius */
    --radius: 14px;

    /* Shadow */
--shadow: none;

    /* Global Layout */
    --site-max-width: 1440px;
    --site-side-space: 16px;
}