/* tesr marketing: the fonts, the colour tokens and Bujji's mark. The app's screens themselves are
   not drawn here: they are rendered by the app's own code into screens/html and cut at band edges. */

@font-face { font-family: "DM Sans"; src: url(fonts/DMSans-Regular.ttf); font-weight: 400; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url(fonts/DMSans-Medium.ttf); font-weight: 500; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url(fonts/DMSans-SemiBold.ttf); font-weight: 600; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url(fonts/DMSans-Bold.ttf); font-weight: 700; font-display: swap; }
@font-face { font-family: "Syne"; src: url(fonts/Syne-Bold.ttf); font-weight: 700; font-display: swap; }
@font-face { font-family: "Inter"; src: url(fonts/Inter-Regular.ttf); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url(fonts/Inter-Medium.ttf); font-weight: 500; font-display: swap; }
@font-face { font-family: "Inter"; src: url(fonts/Inter-SemiBold.ttf); font-weight: 600; font-display: swap; }
@font-face { font-family: "Inter"; src: url(fonts/Inter-Bold.ttf); font-weight: 700; font-display: swap; }

:root {
  --ink: #16161a;
  --ink-2: #4d4d56;
  --ink-3: #8a8a93;
  --line: rgba(22, 22, 26, 0.08);
  --red: #e7262b;
}

/* ───────── Bujji mark on its own ───────── */
.k-mark { display: inline-block; width: var(--mw, 4em); }
.k-mark svg { width: 100%; height: auto; overflow: visible; display: block; }