/* ============================================================
   MyTrafficBuzz — Variables

   Every colour, gradient, shadow, radius and timing the site uses.
   Change a brand colour here and it changes everywhere.

   Part of the split of the former single style.css (20-Aug-2026).
   Load order matters: see the <link> block in any page head, and
   keep this file in that same position when adding rules.
   ============================================================ */

/* ---------- design tokens ---------- */
:root{
  --pri:#0A1830;            /* deep ink — headings, dark panels */
  --sec:#10264D;            /* ink step-up for gradients */
  --acc:#E23A4E;            /* confident red — the only action color */
  --acc-deep:#C22437;
  --acc2:#1A4794;           /* link navy */
  --gold:#F4B63F;           /* honey — data + micro highlights */
  --iris:#7B5BF5;           /* aurora only — never on controls */
  --az:#3E63DD;             /* aurora only */
  --lt:#F4F7FC;             /* cool paper */
  --wh:#fff;--bk:#060D1D;
  --txt:#1A2A44;--txtl:#5A6A85;
  --line:#E4EAF4;
  --card:#fff;
  --g1:linear-gradient(150deg,#081326,#0F2348 55%,#16336B);
  --g2:linear-gradient(135deg,#E9485C,#C22437);
  --g3:linear-gradient(150deg,#0F2348,#081326);
  /* v3 signature: the aurora signal field (paint on dark panels only) */
  --aur:radial-gradient(52% 68% at 82% -6%,rgba(123,91,245,.34),transparent 62%),
        radial-gradient(46% 62% at 2% 100%,rgba(62,99,221,.32),transparent 60%),
        radial-gradient(36% 46% at 62% 112%,rgba(244,182,63,.15),transparent 65%),
        radial-gradient(28% 38% at 102% 74%,rgba(226,58,78,.18),transparent 60%);
  --hairline:linear-gradient(90deg,transparent,rgba(226,58,78,.7) 22%,rgba(244,182,63,.7) 50%,rgba(123,91,245,.7) 78%,transparent);
  --sh:0 1px 2px rgba(10,24,48,.05),0 10px 28px rgba(10,24,48,.07);
  --shh:0 2px 6px rgba(10,24,48,.07),0 24px 56px rgba(10,24,48,.16);
  --r:16px;
  --t:all .28s cubic-bezier(.4,0,.2,1);
  /* brand motif: three ascending growth ticks */
  --ticks:linear-gradient(var(--acc),var(--acc)) 0 100%/8px 40% no-repeat,
          linear-gradient(var(--acc),var(--acc)) 12px 100%/8px 70% no-repeat,