/* The household apps' look, shared with the video apps: tokens and base
   copied unchanged from kon-spacebar/video-infrastructure web/src/theme.css
   at ae799a67924527769520afd3fdccd9b7c2b92cb3 (K, 2026-10-15: "extract style
   guide from our video apps and apply it consistently here"). Change them
   there first, then here; shopping/web/STYLE.md says how they map.

   Below the copy: the household's own mapping of stock states onto the
   video apps' state colours. Colour only supplements the words. */

:root {
  color-scheme: dark;

  --bg: #0e0f11;          /* the page */
  --panel: #17181c;       /* the notes column, the transport */
  --raised: #1f2126;      /* buttons, inputs */
  --hover: #292c32;
  --line: #2c2f35;        /* hairlines */
  --text: #e6e7e9;
  --muted: #9a9ea6;
  --faint: #6b6f77;

  --accent: #e8cfa3;      /* parchment: primary actions, focus */
  --accent-ink: #1b1710;  /* text on parchment */
  --mark: #ff2d55;        /* annotations: marks, note pins, the active note */
  --working: #f5a524;     /* a note an agent has claimed or is working on */
  --done: #46c37b;        /* a note an agent has fixed (judged in the next render) */
  --accepted: #8b93a1;    /* a note the reviewer has accepted: closed, so it recedes */
  --danger: #ff6b6b;
  --link: #3ea6ff;        /* live text in a YouTube preview: times and links, as YouTube draws them */

  --radius: 6px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
}

html, body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 14px/1.45 var(--font);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

:root {
  --in-stock: var(--done);
  --running-low: var(--working);
  --out: var(--danger);
}