/* =============================================================================
   Alpha Power Data Room — design tokens (SINGLE SOURCE OF TRUTH for colour)
   -----------------------------------------------------------------------------
   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.
   Values are the canonical CURRENT colours (Phase 2 is consolidation, not a redesign).
   ============================================================================= */
:root{
  /* surfaces */
  --bg:#1b1613;
  --panel:#262019;
  --panel2:#201a16;
  --line:#3a2f29;

  /* text */
  --ink:#f4f1ec;
  --dim:#a99e92;            /* body-dim — ~6.5:1 on --bg (passes WCAG AA) */
  --dim-strong:#c2b8ac;     /* tiny 9–11px labels; replaces opacity-based dimming (AA-safe) */
  --placeholder:#8a7d70;    /* input placeholders — lightened from #6e6258 (was 3.1:1 → now AA) */

  /* brand / accent */
  --accent:#8b5cf6;
  --accent2:#a78bfa;
  --grad:linear-gradient(90deg,#8b5cf6 0%,#6a7bf0 45%,#3ec6f0 100%);

  /* 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);
}