/* Local Cairo font faces: ensure corresponding .woff2 files are placed in public/fonts/ */
/* Usage: keep font-family: 'Cairo' so existing CSS still works */
/* WOFF2-only to match available files (ensures immediate application across the site) */
/* Map all available local weights to their matching files */
@font-face { font-family: 'Cairo'; font-style: normal; font-weight:200; font-display:swap; src: url('fonts/Cairo-200.woff2') format('woff2'); }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight:300; font-display:swap; src: url('fonts/Cairo-300.woff2') format('woff2'); }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight:400; font-display:swap; src: url('fonts/Cairo-400.woff2') format('woff2'); }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight:500; font-display:swap; src: url('fonts/Cairo-500.woff2') format('woff2'); }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight:600; font-display:swap; src: url('fonts/Cairo-600.woff2') format('woff2'); }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight:700; font-display:swap; src: url('fonts/Cairo-700.woff2') format('woff2'); }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight:800; font-display:swap; src: url('fonts/Cairo-800.woff2') format('woff2'); }
@font-face { font-family: 'Cairo'; font-style: normal; font-weight:900; font-display:swap; src: url('fonts/Cairo-900.woff2') format('woff2'); }

/* Apply Cairo at the document root so most elements inherit naturally. */
html, body { font-family: 'Cairo', Arial, sans-serif; }

/* Utility class to force Cairo on isolated components when necessary */
.force-cairo { font-family: 'Cairo', Arial, sans-serif; }