/* Generated by scripts/generate-tokens.py from design/tokens.json. Do not edit by hand. */
/*
 * Colour tokens from loudink-handoff/LoudInk Handoff.html §02, shared with the macOS
 * app via design/tokens.json. Dark-only by design — do not add a light variant.
 */

:root {
  /* Surfaces */
  --qi-bg: #0f1417; /* window, site base */
  --qi-bg-alt: #12161a; /* site alt section */
  --qi-rail: #101317; /* settings sidebar */
  --qi-panel: #15181c; /* panel, HUD, cards */
  --qi-raised: #1b1f24; /* inputs, secondary btn */
  --qi-line: #22262b; /* row rules */

  /* Borders & ink */
  --qi-edge: #54595f; /* card border — 2.5:1 on panel (WCAG 1.4.11 compromise) */
  --qi-edge-strong: #5f656b; /* control border — 3:1 on panel per WCAG 1.4.11 */
  --qi-ink: #eef0f2; /* titles, values */
  --qi-body: #d6dade; /* row labels, prose */
  --qi-label: #a8b0b8; /* 8.2:1 — minimum for text */
  --qi-mute: #7d868e; /* captions >= 11px */

  /* State */
  --qi-faint: #7f878f; /* mono meta only — 4.5:1 on raised */
  --qi-accent: #2fd8b6; /* ready, live, primary */
  --qi-on-accent: #06231d; /* text on accent */
  --qi-attention: #e8b04b; /* needs you, writes */
  --qi-fault: #f2705d; /* blocked, destructive */

  /* Derived tints */
  --qi-accent-rgb: 47 216 182;
  --qi-quiet-primary-fill: rgb(var(--qi-accent-rgb) / 0.12);
  --qi-quiet-primary-border: rgb(var(--qi-accent-rgb) / 0.4);
  --qi-state-glow-opacity: 0.15;
  --qi-state-glow-radius: 3.5px;
}