:root{
  /* brand navy, 700 is the logo colour */
  --navy-900:#0C142E;
  --navy-800:#111E42;
  --navy-700:#182957;
  --navy-600:#22356E;
  --navy-500:#2E4489;
  --navy-400:#4C5F9E;
  --navy-300:#8E9BC2;
  --navy-100:#E6EAF4;
  --navy-50:#F4F6FA;

  /* accent - hi-vis amber, used sparingly */
  --amber:#FFB800;
  --amber-600:#E0A100;
  --amber-soft:rgba(255,184,0,.14);

  /* the other division */
  --orange:#ff752b;
  --orange-dark:#ea5b0c;

  /* neutrals */
  --ink:#0B1020;
  --body:#3D4560;
  --muted:#6B7490;
  --line:#E4E8F2;
  --line-soft:#EEF1F8;
  --surface:#FFFFFF;
  --surface-2:#F4F6FA;

  --ok:#1E9E62;
  --warn:#C9721B;

  /* type */
  --display:"Oswald","Segoe UI",system-ui,sans-serif;
  --ui:"Inter","Segoe UI",system-ui,sans-serif;

  /* metrics */
  --container:1200px;
  --gutter:24px;
  --r-card:12px;
  --r-input:8px;
  --r-pill:999px;

  --shadow-1:0 1px 2px rgba(12,20,46,.06),0 2px 8px rgba(12,20,46,.05);
  --shadow-2:0 8px 28px rgba(12,20,46,.10);
  --shadow-3:0 18px 50px rgba(12,20,46,.16);

  --ease:cubic-bezier(.77,0,.18,1);
  --ease-out:cubic-bezier(.2,.7,.3,1);

  --header-h:76px;
}

/* the other division, as it appears in this site's home header and floating cart */
:root{
  --cross-bg:#ff752b;          /* Sniper Shopping orange */
  --cross-ink:#FFFFFF;
  --fab-bg:var(--navy-700);
  --fab-ink:#FFFFFF;
  --fab-badge:var(--amber);
  --fab-badge-ink:var(--navy-900);
}

/* ---------------------------------------------------------------------------
   Mega menu - silver, so the panel reads as a machined surface under the navy
   header rather than a plain white sheet
   --------------------------------------------------------------------------- */
:root{--mega-bg:#E9ECF3}
.mega{background:linear-gradient(180deg,#F1F3F8 0%,#E4E8F1 100%)}
.mega__col h4{color:var(--navy-700);border-bottom-color:rgba(24,41,87,.18)}
.mega__link{color:var(--navy-800)}
.mega__link small{color:#5C6480}
.mega__link:hover{color:var(--navy-600)}
.mega--industries .ind-link{background:rgba(255,255,255,.72);border-color:rgba(24,41,87,.14)}
.mega--industries .ind-link:hover{background:#fff;border-color:var(--navy-500)}

/* this division's own colour, used by the switch curtain on arrival */
:root{--division-bg:#182957}

/* Category names stand on their own on Safety: no icon beside a section in the
   section pills on category pages (the Safety Sections menus carry none either).
   The Industries menu keeps its icons. */
.subnav a .ic{display:none}