/* Shared identity of the Khorunzha Service: the ONLY place for colours, typefaces and the spacing scale.
   Components (app.css, public.css) take everything from the variables below; the one literal colour
   allowed elsewhere is pure black behind an embedded video player.
   Fonts and artwork are served from our own server only (see README, "Оновлення айдентики"). */

/* UAF Sans: four weights, WOFF2 subsets (Latin + Cyrillic). Relative paths: no other host. */
@font-face {
  font-family: "UAF Sans"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("../fonts/uaf-sans-book.c35352b46228.woff2") format("woff2");
}
@font-face {
  font-family: "UAF Sans"; font-weight: 500; font-style: normal; font-display: swap;
  src: url("../fonts/uaf-sans-medium.4a3c5cbcc75c.woff2") format("woff2");
}
@font-face {
  font-family: "UAF Sans"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("../fonts/uaf-sans-bold.6b5b9ef36a74.woff2") format("woff2");
}
@font-face {
  font-family: "UAF Sans Cond"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("../fonts/uaf-sans-cond-bold.d5b289ae984b.woff2") format("woff2");
}

/* Values both parts share. Brand palette: blue #001B29, yellow #F29100, black #000000,
   light grey #9C9B9B, extra greys #CCCCCC #B1B1B1 #868686 #575756 #3C3C3B. */
:root {
  color-scheme: dark; /* dark scrollbars and native form controls, no white flash while loading */

  --font: "UAF Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-head: "UAF Sans Cond", "UAF Sans", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Spacing scale: 4 / 8 / 12 / 16 / 24 / 32 px */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius: 12px;
  --radius-sm: 8px;

  --text: #e6e6e6;
  --heading: #ffffff;
  --muted: #9c9b9b;
  --field-border: #868686; /* borders of inputs: 3:1 against every background below */
  --accent: #f29100;
  --accent-hover: #ffa726;
  --accent-text: #001b29; /* text on a yellow button */
  --focus: #f29100; /* keyboard focus ring */
  /* The brand palette has no status colours (open question for the designers): kept from before. */
  --danger: #ff6b5e;
  --ok: #7bd88f;
}

/* Staff interface: brand blue. */
body:not(.public) {
  --bg: #001b29;
  --surface: #0f2936;
  --surface-2: #1b3442;
  --border: #2f4856; /* decorative lines only, never the edge of a field */
  --header-bg: #000000;
}

/* Public page: black, so the pages of imported materials sit on the same colour. */
body.public {
  --bg: #000000;
  --surface: #141414;
  --surface-2: #1c1c1c;
  --border: #2a2a2a;
  --header-bg: #001b29;
}

body { --spinner-color: var(--accent); }