@tailwind base;
@tailwind components;
@tailwind utilities;
@import "flowbite/src/themes/default";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@plugin "flowbite/plugin";
@source "../node_modules/flowbite";
:root {
    --primary-color: #F4F6FF;
    --secondary-color: #F3C623;
    --accent-color: #EB8317;
    /* --dark-color: #10375C; */
    --dark-color: #111827;
    --font-color: #D1D5DB;
}


/* Default font for all languages except Arabic */

* {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}


/* Arabic font family when document direction is RTL */

@font-face {
    font-family: 'Madani Arabic';
    src: url('./assets/fonts/Madani-Arabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Madani Arabic';
    src: url('./assets/fonts/Madani-Arabic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


/* Arabic font override */

html[dir="rtl"] *,
html[lang="ar"] * {
    font-family: 'Madani Arabic', Arial, sans-serif;
}

html {
    scroll-behavior: smooth;
}