/* BEDKO shared components. Needs bedko.css (the --bk-* tokens). Class prefix bk-.
   Grows as Babel and Lector need components (#213: bk-appbar, bk-statusbar, bk-picker, bk-card, bk-row, bk-sheet, bk-bottombar). */

/* IBM Plex, served by the app itself (_content/Bedko.Web/fonts, SIL OFL 1.1: fonts/LICENSE-OFL.txt): no Google Fonts call,
   so the CSP allows fonts and styles from 'self' only. Sans 400/500/600, Mono 400/500; IBM release @ibm/plex-sans 1.1.0, @ibm/plex-mono 2.5.0. */
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/IBMPlexSans-Regular.woff2") format("woff2"); }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/IBMPlexSans-Medium.woff2") format("woff2"); }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/IBMPlexSans-SemiBold.woff2") format("woff2"); }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/IBMPlexMono-Regular.woff2") format("woff2"); }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/IBMPlexMono-Medium.woff2") format("woff2"); }

/* icons from the kit sprite (bedko-icons.svg): <svg class="bk-icon"><use href="/_content/Bedko.Web/bedko-icons.svg#lucide-search"/></svg>
   Stroke 1.75 with round caps and joins for every icon (ruling 11.10 19:45); colour follows the text (currentColor).
   A few Lucide icons draw filled dots: those parts carry fill="currentColor" in the sprite and keep it. */
.bk-icon {
    display: inline-block; flex: none; width: 20px; height: 20px; vertical-align: middle;
    fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
}
.bk-icon--16 { width: 16px; height: 16px; }
.bk-icon--24 { width: 24px; height: 24px; }   /* picker rows, phone tab bar */