/* =============================================================================
   Design tokens (SINGLE SOURCE OF TRUTH for colour) — Tari Enterprise palette
   -----------------------------------------------------------------------------
   Linked from EVERY template BEFORE its inline <style>. External CSS is
   render-blocking, so every var below is defined before first paint — there is
   no flash of unstyled/wrong colour. Change a value here and it changes app-wide.
   Base charcoal/accent/orange values are Tari's brand colours; every other token
   (panel/line/dim/etc.) is derived to hold the same WCAG-AA contrast the fork
   source had — verified against --bg, not just eyeballed.
   ============================================================================= */
:root{
  /* surfaces */
  --bg:#141317;
  --panel:#1e1d24;
  --panel2:#19181e;
  --line:#322f3a;

  /* text */
  --ink:#f2f1f6;
  --dim:#a8a4b3;            /* body-dim — 7.6:1 on --bg (passes WCAG AA) */
  --dim-strong:#c3bfce;     /* tiny 9–11px labels; replaces opacity-based dimming (AA-safe) */
  --placeholder:#8b8798;    /* input placeholders — 5.3:1 on --bg (AA) */

  /* brand / accent */
  --accent:#4b3fbf;         /* Tari indigo. Low contrast on --bg by design (2.4:1) — used for
                                fills/borders/gradients, never as text directly on --bg; use
                                --accent2 for accent-coloured text/links. */
  --accent2:#8a82d5;        /* lighter tint of --accent — 5.5:1 on --bg, safe for text/links */
  --grad:linear-gradient(90deg,#4b3fbf 0%,#8a82d5 100%);
  --accent-warm:#f2791c;    /* Tari orange — used sparingly (a small status tag), not in the
                                main gradient or as a dominant UI colour */

  /* status */
  --good:#5bbf7a;
  --bad:#e0816b;            /* consolidated danger colour — the legacy second red was retired */

  /* ---------------------------------------------------------------------------
     SCALE TOKENS — DEFINED BUT NOT YET ADOPTED.
     These are intentionally unused for now. Retrofitting them onto the existing
     templates would move real pixel values (e.g. 9px->8px, 18px->16px), which is
     a deliberate visual change reserved for a later dedicated design pass.
     Do NOT wire these into templates as part of a "consolidation" — adopt them
     only when moving pixels is the explicit intent.
     --------------------------------------------------------------------------- */
  /* spacing (4px base) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:22px; --s-6:32px;
  /* radius */
  --r-sm:8px; --r:10px; --r-md:12px; --r-lg:14px; --r-pill:20px;
  /* type */
  --t-2xs:10px; --t-xs:11.5px; --t-sm:12.5px; --t-base:13.5px; --t-md:15px;
  --t-lg:17px; --t-h1:20px; --t-hero:24px;
  /* shadow */
  --shadow-card:0 2px 14px rgba(0,0,0,.45);
  --shadow-modal:0 24px 60px rgba(0,0,0,.5);
}