/* =========================================================
   NEWTIGHT EQUIPMENT — DESIGN TOKENS
   Palette derived from the brand mark: deep navy steel body,
   machined-silver highlights, torque-amber as the single
   "live" accent (the colour of a spec reading you should
   pay attention to on a torque gauge).
   ========================================================= */
:root{
  /* ---- Color: navy steel ---- */
  --navy-950:#061826;
  --navy-900:#0B2540;
  --navy-800:#123A5E;
  --navy-700:#1B4A73;
  --navy-600:#2A5F8F;

  /* ---- Color: metal ---- */
  --silver-100:#F2F4F6;
  --silver-200:#DCE1E6;
  --silver-300:#B7C0C8;
  --silver-500:#7C8894;
  --steel-700:#3D4750;

  /* ---- Color: accent (torque amber — used sparingly) ---- */
  --amber-500:#E8A33D;
  --amber-400:#F2B75B;
  --amber-glow:rgba(232,163,61,.35);

  /* ---- Neutrals ---- */
  --paper:#F5F6F7;
  --paper-dim:#ECEEF0;
  --ink:#10161C;
  --ink-soft:#404B54;
  --white:#FFFFFF;

  /* ---- Status ---- */
  --ok:#3FA372;

  /* ---- Type ---- */
  --font-display:'Oswald', 'Arial Narrow', sans-serif;
  --font-body:'IBM Plex Sans', 'Segoe UI', sans-serif;
  --font-mono:'IBM Plex Mono', 'Courier New', monospace;

  /* ---- Type scale ---- */
  --step--1: clamp(.78rem,.75rem + .15vw,.86rem);
  --step-0:  clamp(1rem,.96rem + .2vw,1.05rem);
  --step-1:  clamp(1.2rem,1.1rem + .5vw,1.4rem);
  --step-2:  clamp(1.5rem,1.3rem + 1vw,1.9rem);
  --step-3:  clamp(2rem,1.6rem + 2vw,2.75rem);
  --step-4:  clamp(2.6rem,1.9rem + 3.2vw,4rem);
  --step-5:  clamp(3.2rem,2.1rem + 5vw,5.6rem);

  /* ---- Layout ---- */
  --maxw:1240px;
  --gutter:clamp(1.25rem,4vw,3rem);
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:14px;

  /* ---- Motion ---- */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur-fast:160ms;
  --dur-med:420ms;

  /* ---- Elevation ---- */
  --shadow-1:0 1px 2px rgba(6,24,38,.06), 0 1px 1px rgba(6,24,38,.04);
  --shadow-2:0 8px 24px rgba(6,24,38,.12);
  --shadow-3:0 20px 48px rgba(6,24,38,.22);
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}