/* UniStop Tech brand layer (Brand Manual v1.0): fonts, palette, shared devices.
   Loaded by every page before its own styles. */

/* Self-hosted fonts (latin subset) */
@font-face {
  font-family: "Audiowide";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/audiowide-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url("../fonts/inter-latin.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 600;
  font-display: block;
  src: url("../fonts/jetbrains-mono-latin.woff2") format("woff2");
}

:root {
  /* Neutrals: deep space ground, navy surfaces, paper type.
     Deep Space and Midnight are calmed from the manual's #000118 / #060925 /
     #0D1133 (hue ~236, very saturated, read as indigo on screen) to the same
     hue family at lower saturation, so the ground reads deep blue, not purple. */
  --navy: #080b12;
  --navy-2: #0b111e;
  --navy-3: #151c2e;
  --navy-line: #222b3f;
  --paper: #f6f4ee;
  --grey-1: #d6d3c8;
  --grey-2: #8a8a99;

  /* Gradient stops */
  --coral: #eb546b;
  --ember: #f48266;
  --amber: #ffc75d;
  /* Dark type for anything set on the gradient */
  --on-grad: #1a0a14;

  --grad: linear-gradient(90deg, #eb546b 0%, #f48266 50%, #ffc75d 100%);

  --font-display: "Audiowide", "Eurostile", sans-serif;
  --font-text: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

/* Audiowide ships one weight; never fake a bold */
html {
  font-synthesis: none;
}

/* Signature gradient as a type fill, for the accent word in a headline */
.grad-text {
  background: var(--grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* Mono metadata label with the horizon tick in front */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ember);
}
.eyebrow::before {
  content: "";
  flex: none;
  width: 24px;
  height: 1px;
  background: var(--grad);
}