/* ARX identity, verified against https://arx.hk/ and ARX.svg on 2026-09-07.
   Load before module styles. See docs/ARX_BRAND.md for roles and contrast.
   Blue/white/charcoal/gray are the brand; status colors are semantic only. */
:root {
  /* Observed website and logo colors */
  --arx-blue: #368dcc;
  --arx-white: #ffffff;
  --arx-charcoal: #222222;
  --arx-gray-light: #f7f7f7;
  --arx-gray-decorative: #c4c4c4;

  /* Interface derivatives: darker blue for small text and white button labels */
  --arx-blue-ink: #1e6cb3;
  --arx-blue-hover: #185c99;
  --arx-blue-soft: #eef5fb;
  --arx-blue-border: #b9d4ec;
  --arx-blue-wash: rgba(54, 141, 204, 0.08);
  --arx-blue-tint: rgba(54, 141, 204, 0.12);
  --arx-blue-selection: rgba(54, 141, 204, 0.24);
  --arx-text-muted: #6e6e73;
  --arx-text-secondary: #58585d;
  --arx-border: #dedfe0;
  --arx-border-strong: #c2c2c8;

  /* Selected records, approved 2026-09-22: whole-row soft blue tint + strong blue
     left edge. Not a warning, a status or a field origin. The tint is the palest
     blue that keeps muted gray (#6e6e73) and success green at 4.5:1. */
  --arx-selection-soft: #e9f4ff;
  --arx-selection-border: var(--arx-blue-border);
  --arx-selection-mark: var(--arx-blue-ink);
  --arx-selection-text: var(--arx-charcoal);
  --arx-selection-secondary: var(--arx-text-secondary);
  --arx-selection-edge: inset 4px 0 0 var(--arx-selection-mark), inset 0 1px 0 var(--arx-selection-border), inset 0 -1px 0 var(--arx-selection-border);
  --arx-input-manual-soft: #eaf6ed;
  --arx-input-manual-border: #b9dcc4;

  /* Ordinal charts use the ARX blue family, with visible numeric labels */
  --arx-chart-1: #8fbde9;
  --arx-chart-2: #6ea8e2;
  --arx-chart-3: #4f93d8;
  --arx-chart-4: var(--arx-blue);
  --arx-chart-5: #2470b6;
  --arx-chart-6: var(--arx-blue-hover);

  /* Explicit outcomes only: success/profit, warning, loss/error */
  --arx-success: #1b7f3f;
  --arx-success-soft: #dcfce7;
  --arx-success-border: #bbf7d0;
  --arx-warning: #a85700;
  --arx-warning-ink: #9a4a00;
  --arx-warning-soft: #fef3c7;
  --arx-warning-border: #fde68a;
  --arx-danger: #c92a2a;
  --arx-danger-hover: #a92222;
  --arx-danger-soft: #fdecec;
  --arx-danger-border: #fecaca;
}