/* Imans Admin – Brand Typography */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@300;400;500;600;700&family=Exo+2:wght@400;500;600;700&family=Karla:wght@400;500;600;700&display=swap');

/* ── Override Unfold's self-hosted fonts with Google Fonts CDN ──
   GCS doesn't reliably serve CORS headers for font files.
   These @font-face declarations override the ones in Unfold's styles.css
   so the browser loads from fonts.gstatic.com (which has proper CORS). */
@font-face {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 100 700;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v321/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2');
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
}

/* Override Unfold's font-family at the root level */
:root {
    --font-family-primary: 'Roboto Flex', system-ui, -apple-system, sans-serif;
}

/* Apply Roboto Flex as the base body font */
body,
input,
select,
textarea,
table,
[class*="font-sans"] {
    font-family: 'Roboto Flex', system-ui, -apple-system, sans-serif !important;
}

/* Exo 2 for headings and prominent text */
h1, h2, h3, h4, h5, h6,
.text-lg, .text-xl, .text-2xl, .text-3xl {
    font-family: 'Exo 2', system-ui, -apple-system, sans-serif !important;
}

/* ── Sidebar scrollable navigation ──
   Unfold v0.86+ uses h-0 grow on the nav container.
   Just ensure the scrollable area has thin scrollbars. */
#nav-sidebar-inner .simplebar-scrollable-y {
    scrollbar-width: thin;
}