/* DEPARTURE MONO ON THE APP'S CHROME (2026-10-08). His words: "En todos los botones de la aplicacion aplica la tipografia "Departure Mono" que utilizamos en la web de
 * moxprotocol. Tambien en las breadcrumbs, titulos de modal, etiquetas, switchers y resumenes de contenido de debajo de los titulos y del hubs (fotos 1 y 2). Aplica la fuente
 * tambien en donde te marco en la imagen 3." - image 3 marks the tree's right-hand summary of every hub ("9 hubs · 296 · 1,6GB").
 *
 * The file is the one the moxprotocol theme serves (motion-lab/assets/fonts): Departure Mono v1.500 by Helena Zhang, SIL Open Font License 1.1 (view/fonts/LICENSE-DepartureMono.txt).
 * It has one weight (400). As on that web, no bold is ever synthesized on it: `font-synthesis: none`, inherited, so a bold piece shows the font's own single weight.
 * Icons keep their own face: FontAwesome sets its family on the .fa element itself, and only the family is changed here. Spans follow their parent (style.css gives every
 * span `font-family: inherit !important`), and so do the words inside a button. !important because many pieces set their face with the `font` shorthand. Linked last
 * (inc/header.php, after vk_logopanel.css). Loaded only by the app's pages - the public webs and the front page keep theirs.
 */
@font-face{
    font-family: "Departure Mono"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("../fonts/departure-mono.woff2") format("woff2");
}
:root{ --vk-departure: "Departure Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace; }

/* every button */
button, input[type="submit"], input[type="button"], input[type="reset"], .btn, [role="button"], a[class*="-btn"], a[class*="Btn"],
/* the breadcrumbs */
.vkPath, .breadcrumb,
/* the titles of the windows */
.modal .modal-title, .modal h1, .modal h2, .modal h3, .modal h4,
/* the labels: a hub's labels (the strip, the label manager, the ticks in a hub's settings), a hub's section chips, the file-type and group filters, the tags on cards, persons and reports */
.vkLbl-chip, .vkLblRow-name, .vkLblTick, .vkChip, .vkTf-chip, .vkGf-chip, .vkCard-tag, .vkCmp-tag, .vkPeople-chip, .vkRem-pill, .vkRep-pill, .vkVer-badge, .bootstrap-tagsinput .tag, .label,
/* the switchers: A-Z / Manual, the tabs of every window, the switches */
.vkTree-seg, [role="tab"], [role="switch"],
/* the summaries: under a hub's or a group's title, on a hub's card, at the right of every row of the tree */
.vkHead-meta, .vkCard-meta, .vkRow-meta{
    font-family: var(--vk-departure) !important; font-synthesis: none;
}
/* a hub's card: its mono pieces (the tag, the summary, the capacity line, the file badges) were JetBrains Mono (brief Y) - now this face */
.vkCard{ --vk-mono: var(--vk-departure); }

/* the placeholders of the two searches - the header's, top right, and the hubs' above the tree (his words, 2026-10-08: "El placebolder del search de arriba a la derecha,
   aplicale la fuente "Departure Mono" tambien. y en el buscador de hubs tambien."): the placeholder only, what is typed keeps its face */
header .secondline form input::placeholder, header .secondline input.form-control::placeholder, #vkTreeSearch::placeholder, .vkLblPanel-q::placeholder{ font-family: var(--vk-departure) !important; font-synthesis: none; }