/* Kwikri brand. Inter (SIL OFL, self-hosted, display optical size for big headings).
   Clean fintech look in blue: one strong blue for actions, deep navy for dark areas,
   a soft blue tint for highlights. Red only for errors and overdue. */
@font-face{font-family:"Inter";src:url("fonts/inter-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
  --k-ink:#0B1220;       /* body text */
  --k-biro:#1F4BEA;      /* primary blue: logo, buttons, links */
  --k-biro-2:#183CC4;    /* hover */
  --k-night:#0A1230;     /* deep navy: app sidebar, dark sections, footer */
  --k-night-2:#151F48;
  --k-yellow:#8FB4FF;    /* light blue accent: the tick, highlights on dark (name kept for older screens) */
  --k-carbon:#EAF1FF;    /* soft blue tint: banners, highlighted panels */
  --k-red:#D92D45;       /* errors, overdue, serial numbers */
  --k-green:#1570EF;     /* paid, money in (blue instead of green) */
  --k-paper:#F5F7FC;
  --k-rule:#E3E8F4;
  --k-muted:#5B6478;
  --k-blue:var(--k-biro);--k-orange:var(--k-yellow);--k-orange-ink:#1F4BEA;
  --k-font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --k-display:var(--k-font);--k-text:var(--k-font);
  --k-wide:100%;
}
body{font-optical-sizing:auto;font-feature-settings:"cv11" 1,"ss01" 1}