/* CYNAPSE type weight layer (2026-10-27), injected into every HTML page by
 * app.py (inject_local_time_layer). Bold text rendered badly in some browsers
 * (heavy / synthesised weights of the variable Cairo font), so Cairo is capped
 * at medium: every @font-face for it declares 200-500, a request for 600-900
 * renders at 500, and the browser never fakes a bolder face. Icon fonts
 * (Font Awesome) are separate families and keep their own weights.
 */
@font-face {
    font-family: "Cairo";
    src: url("/static/fonts/Cairo-Variable.ttf") format("truetype");
    font-weight: 200 500;
    font-style: normal;
    font-display: swap;
}
html { font-synthesis: none; }
