/*
 * UniKiosk — design tokens.
 *
 * These are the product's own tokens, taken from the app's brand source
 * (docs/brand/tokens.json) so the site and the panel cannot drift. Ink is the
 * dark ground and the default; Paper is the light one. Colour lives in the
 * orange accent — the ground is near-neutral by test, not by taste.
 */

/* ---------------------------------------------------------------- faces --
 * Three faces, three jobs. Archivo 900 is the display voice. Inter runs
 * prose. Mono is kept for things that are literally machine text.
 */
@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo_regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo_black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter_regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter_medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter_semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains_mono_regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains_mono_bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

/* ---------------------------------------------------------------- ink ---- */
:root,
:root[data-palette="ink"] {
  --bg: #17171a;
  --bg-elevated: #1e1e22;
  --mass: #26262b;
  --grid: #202024;
  --ink: #eae8ee;
  --ink-soft: #bdb9c9;
  --muted: #8e8a98;
  --muted-2: #6e6a7a;
  --line: #26262b;
  --line-strong: #35353d;
  --accent: #e5834f;
  --accent-ink: #17171a;
  --accent-soft: #302420;
  --accent-line: #69422f;
  --success: #a6e3a1;
  --success-soft: #282f2a;
  --success-line: #506950;
  --warning: #f9e2af;
  --warning-soft: #322f2c;
  --warning-line: #716856;
  --danger: #f38ba8;
  --danger-soft: #31252b;
  --danger-line: #6f4553;
}

/* --------------------------------------------------------------- paper --- */
:root[data-palette="paper"] {
  --bg: #efece5;
  --bg-elevated: #e7e3da;
  --mass: #ddd8cc;
  --grid: #e4e0d6;
  --ink: #15140f;
  --ink-soft: #55534a;
  --muted: #86826f;
  --muted-2: #a29e8b;
  --line: #e2ded4;
  --line-strong: #cbc5b6;
  --accent: #9a4520;
  --accent-ink: #ffffff;
  --accent-soft: #e5d8cd;
  --accent-line: #cda996;
  --success: #2aa198;
  --success-soft: #d7e3dc;
  --success-line: #a0cec6;
  --warning: #b8860b;
  --warning-soft: #e8e0cb;
  --warning-line: #d9c38e;
  --danger: #c73e3e;
  --danger-soft: #ead7d1;
  --danger-line: #dfa6a2;
}

/* ------------------------------------------------------------- metrics --- */
:root {
  --disp: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Square by construction. The language is hairline cells ruled onto a
   * sheet — a 1px border and a shared edge — so nothing here is a rounded box. */
  --radius: 0px;
  --hairline: 1px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  --max-width: 1160px;
  --gut: 34px;
  --grid-size: 72px;

  --motion-fast: 120ms;
  --motion-overlay: 300ms;
}