/* NepseLabs branding for Outline.
 *
 * nginx injects this stylesheet into every Outline HTML page (see
 * nginx/docs.nepselabs.com.conf, sub_filter) and serves this folder at /branding/.
 * Same origin, so Outline's Content-Security-Policy allows it. The fonts are the
 * employee portal's own files (SIL Open Font License; licences in fonts/), so the
 * two apps render the same typefaces. Colours come from Outline's own settings
 * (Settings → General → Theme: accent #1EB279, accent text #FFFFFF) and the logo.
 */

@font-face {
  font-family: "Karla";
  src: url("/branding/fonts/karla-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/branding/fonts/montserrat-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Devanagari fallback, the same three weights the portal bundles. */
@font-face {
  font-family: "Mukta";
  src: url("/branding/fonts/mukta-devanagari-500.woff2") format("woff2");
  font-weight: 500;
  unicode-range: U+0900-097F, U+1CD0-1CFF, U+A8E0-A8FF;
  font-display: swap;
}

@font-face {
  font-family: "Mukta";
  src: url("/branding/fonts/mukta-devanagari-600.woff2") format("woff2");
  font-weight: 600;
  unicode-range: U+0900-097F, U+1CD0-1CFF, U+A8E0-A8FF;
  font-display: swap;
}

@font-face {
  font-family: "Mukta";
  src: url("/branding/fonts/mukta-devanagari-700.woff2") format("woff2");
  font-weight: 700;
  unicode-range: U+0900-097F, U+1CD0-1CFF, U+A8E0-A8FF;
  font-display: swap;
}

/* Outline sets its typeface once, in a global rule on body, button, input, select
 * and textarea (shared/styles/globals.ts), so one override reaches everything. */
body,
button,
input,
select,
textarea {
  font-family: "Karla", "Mukta", ui-sans-serif, system-ui, sans-serif !important;
}

h1,
h2,
h3,
h4 {
  font-family: "Montserrat", "Mukta", ui-sans-serif, system-ui, sans-serif !important;
  letter-spacing: -0.01em;
}

/* Code keeps Outline's monospace stack. */
pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
}