/* Kijestic identity tokens. Direction B, "In operation", 2026-10-07 brass revision (tokens v2).
   Source: businesses/kijestic/website-release-2026-10-07/40-design-brief.md section 2, with the round 2
   check-K mark's ivory and brass (brand-identity-2026-10-06 round 2). Brass replaces the 2026-09 amber as
   the one signal colour; the amber token names stay defined as aliases so older rules keep working.
   Contrast: every text pairing is 4.5:1 or better on its ground (brass text on dark only for 12 px mono
   labels and links). Fonts are open licence (SIL OFL 1.1), self-hosted in /static/fonts/. */

:root {
  /* Ground and surfaces, dark (default for screens) */
  --kj-ground: #0A0908;
  --kj-surface: #12100E;
  --kj-surface-2: #1A1714;
  --kj-shape: #14110E;          /* legacy: the PR 327 oversized K; now only a near-ground tint */
  --kj-line: #2A2520;
  --kj-line-strong: #3D362E;

  /* Type on dark */
  --kj-ivory: #F7F3EC;          /* headings, the mark's stem */
  --kj-text: #E8E1D6;           /* body */
  --kj-text-2: #B8AE9F;         /* secondary */
  --kj-text-3: #958B7C;         /* fine print, AA floor on ground */

  /* Signal: brass (round 2) */
  --kj-brass: #C79A3C;          /* the line, the mark's check, the primary action */
  --kj-brass-hi: #E2B65A;       /* hover, the path highlight */
  --kj-brass-glow: rgba(226, 182, 90, 0.18); /* radial glow stops at section seams */
  --kj-on-brass: #15120F;       /* text on brass. Never white */

  /* Amber names from 2026-09, kept as aliases of brass */
  --kj-amber: var(--kj-brass);
  --kj-amber-hi: var(--kj-brass-hi);
  --kj-on-amber: var(--kj-on-brass);

  /* State, used only for state */
  --kj-held: #E2B65A;           /* waiting for a person (shares the brass-hi hue on purpose) */
  --kj-done: #8FC7A0;           /* completed and recorded */
  --kj-stopped: #F08A7B;        /* stopped or refused */

  /* Paper, light (documents, proposals, print) */
  --kj-paper: #EDEEEA;
  --kj-paper-2: #DFE1DC;
  --kj-ink: #15120F;
  --kj-ink-2: #565852;
  --kj-paper-line: #CBCFC8;
  --kj-brass-on-paper: #8E6416;      /* graphic use: the line and the mark's check */
  --kj-brass-text-on-paper: #6F4D0F; /* any brass text on paper (4.5:1 on paper-2) */
  --kj-amber-on-paper: var(--kj-brass-on-paper);
  --kj-amber-text-on-paper: var(--kj-brass-text-on-paper);

  /* Type */
  --kj-display: "Archivo", "Arial Nova", "Helvetica Neue", Arial, sans-serif;
  --kj-text-font: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --kj-mono: "Martian Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  --kj-display-stretch: 118%;   /* Archivo expanded, for h1 and h2 */
  --kj-display-weight: 600;
  --kj-display-tracking: -0.02em;

  --kj-h1: clamp(2.4rem, 5.2vw, 4.5rem);
  --kj-h2: clamp(1.8rem, 3.4vw, 2.75rem);
  --kj-h3: 1.25rem;
  --kj-body: 1.0625rem;
  --kj-small: 0.875rem;
  --kj-label: 0.75rem;          /* mono, capitals, tracking 0.12em */

  /* Space: a 4 px base */
  --kj-1: 4px; --kj-2: 8px; --kj-3: 12px; --kj-4: 16px; --kj-5: 24px;
  --kj-6: 32px; --kj-7: 48px; --kj-8: 64px; --kj-9: 96px; --kj-10: 128px;

  /* Grid */
  --kj-wrap: 1200px;
  --kj-gutter: 24px;
  --kj-line-x: 56%;             /* where the brass line stands on wide screens */
  --kj-line-w: 3px;

  /* Shape and motion */
  --kj-radius: 6px;
  --kj-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --kj-fast: 140ms;
  --kj-slow: 420ms;
  --kj-scene-fade: 600ms;       /* the home hero scene's one load fade */
}

@media (prefers-reduced-motion: reduce) {
  :root { --kj-fast: 0ms; --kj-slow: 0ms; --kj-scene-fade: 0ms; }
}