/* ============================================ Global Font Override - Rubik Font Family This file ensures Rubik is used across all pages ============================================ */ /* Import Rubik font from Google Fonts */ /* Note: Add this link to HTML : */ /* Update CSS Variables to use Rubik */ :root { --font-sans: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; --font-title: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; --font-body-rtl: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } /* Global font override - applies to all elements */ * { font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; } /* Exceptions: Keep monospace fonts for code blocks */ code, pre, .code-block, .monospace, [class*="code"], [class*="mono"], kbd, samp, tt { font-family: 'JetBrains Mono', 'Courier New', Courier, monospace !important; } /* Exception: Keep system fonts for icons and special elements */ [class*="icon"], [class*="Icon"], .fa, .fas, .far, .fab, .material-icons, .material-symbols-outlined { font-family: inherit !important; } /* Ensure body and html use Rubik */ html, body { font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; } /* Override for RTL pages */ html[dir="rtl"], html[dir="rtl"] body { font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; } /* Override for specific CSS variable usage */ [style*="font-family"] { font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; }