/* ============================================================================ CoreConsept · Arabic (RTL) corrections Loaded only when TRANSLATIONS['dir'] === 'rtl' — see themes/coreconsept/layouts/head.php ============================================================================ */ /* ─── Design tokens, restated for Arabic ────────────────────────────────── The design system is well tokenised — 56 rules in cc-components.css reach the mono face through var(--cc-mono) rather than naming it — so the whole "Arabic set in a typewriter" class of defect is fixed by redefining the tokens once here instead of chasing every component selector. Custom properties inherit, so putting them on [dir="rtl"] (which is on ) reaches every element on the page. This corrects .cc-eyebrow, .cc-btn, .cc-nav__link, .cc-topbar, .cc-footer-stamp/-legal/-copy, .cc-finder__field-label, .cc-dossier and the rest in one place. Why each value changes: --cc-mono JetBrains Mono has no Arabic glyphs. Arabic has no monospace tradition either, so the mono ROLE (labels, eyebrows, stamps) is carried by a clean geometric sans instead. --cc-tracking* Arabic is cursive: letters JOIN. Latin tracking inserts gaps between strokes that must connect, so 0.18em–0.32em does real damage. Set to 0; the mono role stays legible through case, colour and size instead. --cc-fs-mono-* 9px and 10px are far below the size Arabic stays legible at — Arabic needs more x-height than Latin for the same size. */ /* `html[dir="rtl"]` (0,1,1) rather than `[dir="rtl"]` (0,1,0): a plain attribute selector only ties with `:root`, and ties are settled by source order — which any later inline