/* Benchra — shared dark design tokens.
   Single source of truth for login.html (benchra.net + pricing.benchra.net,
   same file/root) and pricing.benchra.net's dashboard.html/js.
   Forced dark always (no light default, no prefers-color-scheme override) —
   2026-07-30 design directive. Values extracted from the existing docket
   front door's dark palette (/var/www/benchra/index.html, app/index.html,
   login.html) — no new hues introduced. Variable NAMES also match what
   dashboard.html/js already reference via var(--x), so no call-site edits
   were needed there, only these definitions. */
:root {
  color-scheme: dark;

  /* Base — the docket's own dark values */
  --bg: #0a0a0a;
  --fg: #f5f5f5;
  --muted: #8a8a8a;
  --faint: #6a6a6a;
  --hair: rgba(255,255,255,.12);
  --card: rgba(255,255,255,.03);
  --accent: #f5f5f5;
  --accent-fg: #0a0a0a;
  --accent-hover: #ffffff;
  --error: #f87171;
  --ok: #4ec77e;

  /* Extended tiers dashboard.html/js need (bg0-3, text/text2/text3, border/
     border2) — derived mechanically as opacity steps off --bg/--fg, the
     same technique the docket already uses for --hair/--card. --bg1 reuses
     login.html's existing dark --input-bg value (#141414) rather than a
     new one. */
  --bg0: var(--bg);
  --bg1: #141414;
  --bg2: rgba(255,255,255,.04);
  --bg3: rgba(255,255,255,.08);
  --border: var(--hair);
  --border2: rgba(255,255,255,.18);
  --text: var(--fg);
  --text2: var(--muted);
  --text3: var(--faint);

  /* Single monochrome accent, matching the docket exactly — it has no
     separate brand hue, its "accent" is the foreground color. This
     replaces dashboard's former indigo/blue brand identity. */
  --brand: var(--accent);
  --brand2: var(--accent-hover);
  --brand3: rgba(245,245,245,.06);

  /* Status colors — extracted from the docket app (--pos/--edit) and
     login (--error/--ok), consolidated to one shade each. */
  --green: var(--ok);
  --green2: rgba(78,199,126,.10);
  --red: var(--error);
  --red2: rgba(248,113,113,.10);
  --amber: #d6a54a;
  --amber2: rgba(214,165,74,.10);
  --purple: var(--accent);

  --r: 12px;
  --r2: 16px;
}