/*
 * Brand design tokens, brand spec v1.0 (#217, sub-project A of the report platform; plan in
 * docs/superpowers/plans/2026-10-21-217-portal-shell.md).
 *
 * This is the single source of the brand colors; Inventory, admin and collect all use it.
 * css/tailwind-input.css imports this file, so the
 * compiled css/styles.css defines the variables on every page that loads it (/admin/,
 * /inventory/ and the 404 page) and inside Inventory's Export HTML, which
 * embeds styles.css. Pages that adopt the portal shell also link this file directly, and
 * /collect/ loads no styles.css, so it needs that link. Tailwind maps bc-crimson,
 * bc-crimson-deep, bc-ink and bc-panel to these variables in tailwind.config.js.
 *
 * The crimson pair is constant in both color schemes. Ink and panel flip together under the
 * dark scheme (data-theme="light" opts out), so use them only as a pair, one as the surface and
 * the other as the text, never against a fixed color: on a page that is otherwise light, the OS
 * dark scheme would make a single token invisible.
 */
:root {
  --bc-crimson: #e20f4e;
  --bc-crimson-deep: #b30d3f;
  --bc-ink: #1a1a1a;
  --bc-panel: #f2f2f2;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bc-ink: #ffffff;
    --bc-panel: #1f1f1f;
  }
}

:root[data-theme='dark'] {
  --bc-ink: #ffffff;
  --bc-panel: #1f1f1f;
}