/* assets/css/override-typography.css
* Professional bilingual typography (Arabic + Latin)
* - Arabic: IBM Plex Sans Arabic
* - Latin: IBM Plex Sans
* Load this file AFTER your main CSS.
*
* Add to :
*
*
*
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');
html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
html, body, input, textarea, button, select {
font-family: 'IBM Plex Sans', 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Helvetica Neue', Arial, 'Apple Color Emoji','Segoe UI Emoji', sans-serif;
font-weight: 400;
line-height: 1.55;
}
:lang(ar), [dir="rtl"] {
font-family: 'IBM Plex Sans Arabic', 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans Arabic', 'Cairo', 'Helvetica Neue', Arial, 'Apple Color Emoji','Segoe UI Emoji', sans-serif;
}
h1, h2, h3, .h1, .h2, .h3, .heading, .card h1, .card h2, .card h3 {
font-weight: 700;
line-height: 1.25;
letter-spacing: .1px;
}
.nav a, .btn, .badge, .stepper .dot, .menu a { font-weight: 600; }
small, .muted, .help, .hint { font-weight: 400; opacity: .85; }
:root { --ui-text-size: 16px; }
body { font-size: var(--ui-text-size); }
label, th, td { font-weight: 500; }
#hero-rotator .line { font-weight: 800; }