/* ============================================================
   T-NET ACQUIRING ROUTE — Design Tokens
   "The wire, handled."
   Infrastructure brand. Flat, dense, near-zero radius,
   mono-forward. The motif is the ISO 8583 bitmap.
   ============================================================ */

:root {
  /* --- Surface & ink -------------------------------------- */
  --bg:           #05080F;   /* slate-black — the stage          */
  --bg-raise:     #080D17;   /* raised strip                     */
  --panel:        #0B1220;   /* instrument surface               */
  --panel-2:      #111A2C;   /* hover / elevated                 */
  --panel-3:      #17223A;   /* inset wells, bitmap unset cells   */
  --line:         rgba(200, 219, 247, 0.08);
  --line-strong:  rgba(200, 219, 247, 0.19);
  --ink:          #DCE6F5;   /* primary text                     */
  --ink-dim:      #8B9CB8;   /* secondary                        */
  --ink-faint:    #56698A;   /* captions, field labels           */

  /* --- Signal --------------------------------------------- */
  --volt:         #2D7DFF;   /* electric blue — the accent       */
  --volt-soft:    rgba(45, 125, 255, 0.15);
  --arc:          #5EE7FF;   /* cyan — data in motion            */
  --arc-soft:     rgba(94, 231, 255, 0.14);
  --hold:         #FFA733;   /* pending, retry, threshold        */
  --hold-soft:    rgba(255, 167, 51, 0.14);
  --drop:         #FF3D71;   /* decline, timeout, fault          */
  --drop-soft:    rgba(255, 61, 113, 0.14);
  --pass:         #2FE0A8;   /* approved — used sparingly        */
  --pass-soft:    rgba(47, 224, 168, 0.14);

  /* --- Typography ------------------------------------------ */
  --font-display: "Archivo", "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "Azeret Mono", "SFMono-Regular", Consolas, monospace;

  /* --- Rhythm ---------------------------------------------- */
  --w-max:  1240px;
  --w-wide: 1440px;
  --pad-x:  clamp(18px, 5vw, 56px);
  --sec-y:  clamp(64px, 8vw, 124px);
  --r:      2px;              /* flat — this brand is a protocol */
  --r-lg:   3px;

  /* --- Motion ---------------------------------------------- */
  --ease-out: cubic-bezier(0.2, 1, 0.3, 1);
  --ease-io:  cubic-bezier(0.6, 0, 0.35, 1);
  --dur-1: 160ms;
  --dur-2: 380ms;
  --dur-3: 820ms;

  /* --- Elevation ------------------------------------------- */
  --glow-volt: 0 0 28px rgba(45, 125, 255, 0.30);
  --glow-arc:  0 0 26px rgba(94, 231, 255, 0.28);
  --glow-drop: 0 0 26px rgba(255, 61, 113, 0.26);
  --shadow:    0 20px 52px rgba(0, 0, 0, 0.62);

/* ------------------------------------------------------------
   PLATFORM BRIDGE
   Maps this brand onto the eight variables the shared platform
   chrome reads (consent bar, form reply, exit panel, film
   lightbox). Same behaviour on all five sites, same markup —
   but the shape, the typeface and the colour are this site's.
   ------------------------------------------------------------ */
  --tp-bg:        var(--panel);
  --tp-ink:       var(--ink);
  --tp-dim:       var(--ink-dim);
  --tp-line:      var(--line-strong);
  --tp-accent:    var(--volt);
  --tp-on-accent: #FFFFFF;
  --tp-radius:    var(--r);
  --tp-font:      var(--font-display);
  --tp-shadow:    0 20px 52px rgba(0, 0, 0, .55);

  --ok:   var(--pass);
  --stop: var(--drop);
}