/* a1-tokens.css - the one colour palette of all three sites (esd.equipment, fluidics-equipment.com, boxic24.com).
   Generated by var/theme_esd2/tokens/build_tokens.py from palette.json - do not edit here. RAL 1028 accent and the
   navy family. Pick the token by the background: --a1-accent never for text, icons or thin lines on white (use
   --a1-accent-ink / --a1-accent-line). --a1-<name>-rgb holds the channels for rgba(var(--a1-<name>-rgb),.1).
   Loaded on every page of every site, before the other wysiwyg CSS. */
:root{--a1-accent:#FFAB00;--a1-accent-rgb:255,171,0;--a1-accent-soft:#FFC04D;--a1-accent-soft-rgb:255,192,77;--a1-accent-line:#C78500;--a1-accent-line-rgb:199,133,0;--a1-accent-ink:#A06A00;--a1-accent-ink-rgb:160,106,0;--a1-accent-tint:#FFF6DE;--a1-accent-tint-rgb:255,246,222;--a1-on-accent:#1E3C64;--a1-on-accent-rgb:30,60,100;--a1-navy-deep:#0D1B2E;--a1-navy-deep-rgb:13,27,46;--a1-navy:#0E2A47;--a1-navy-rgb:14,42,71;--a1-navy-2:#0A1F36;--a1-navy-2-rgb:10,31,54;--a1-navy-3:#14395E;--a1-navy-3-rgb:20,57,94;--a1-navy-ink:#002D57;--a1-navy-ink-rgb:0,45,87;--a1-text:#1D1D1F;--a1-text-rgb:29,29,31;--a1-ink:#1C2B3A;--a1-ink-rgb:28,43,58;--a1-ink-strong:#16222F;--a1-ink-strong-rgb:22,34,47;--a1-ink-2:#333333;--a1-ink-2-rgb:51,51,51;--a1-muted:#5A6B7D;--a1-muted-rgb:90,107,125;--a1-faint:#66727F;--a1-faint-rgb:102,114,127;--a1-subtle:#7A8FA3;--a1-subtle-rgb:122,143,163;--a1-grey:#757575;--a1-grey-rgb:117,117,117;--a1-paper:#F5F7FA;--a1-paper-rgb:245,247,250;--a1-surface:#F7F9FB;--a1-surface-rgb:247,249,251;--a1-surface-2:#EFF3F6;--a1-surface-2-rgb:239,243,246;--a1-line:#E2E8EF;--a1-line-rgb:226,232,239;--a1-line-grey:#E5E5E5;--a1-line-grey-rgb:229,229,229;--a1-line-strong:#CCCCCC;--a1-line-strong-rgb:204,204,204;--a1-ok:#1F7A45;--a1-ok-rgb:31,122,69;--a1-error:#E02B27;--a1-error-rgb:224,43,39;--a1-info:#185FA5;--a1-info-rgb:24,95,165;--a1-lift-shadow:0 6px 16px rgba(var(--a1-on-accent-rgb),.28);--a1-press-shadow:0 2px 6px rgba(var(--a1-on-accent-rgb),.25);--a1-h1:28px;--a1-h2:24px;--a1-h3:18px;--a1-h4:15px;--a1-hero:46px;--a1-lead:17px;--a1-body:15px;--a1-small:13px;--a1-label:12px}
@media (max-width:767px){:root{--a1-h1:26px;--a1-h2:21px;--a1-h3:17px;--a1-lead:16px;--a1-hero:32px}}
/* old per-file names, kept until their files read --a1-* directly (tokens.py rewrites the literals below) */
:root{--home-accent:var(--a1-accent);--home-accent-2:var(--a1-accent);--home-accent-2-rgb:30,60,100;--home-accent-ink:var(--a1-accent-ink);--home-accent-mid:var(--a1-accent);--home-accent-soft:var(--a1-accent-soft)}
html body.pdp-v2{--pv-accent:var(--a1-accent);--pv-accent-ink:var(--a1-accent-ink)}
html body .mmenu-v2{--mm-orange:var(--a1-accent-ink)}
html body .ctc{--ct-accent-tint:var(--a1-accent-soft);--ct-accent-soft:rgba(var(--a1-accent-rgb),.16);--ct-accent-line:rgba(var(--a1-accent-line-rgb),.35)}
html:root:not(#a1x){--orange:var(--a1-accent)!important;--orange-hover:var(--a1-accent)!important;--orange-glow:rgba(var(--a1-accent-rgb),.16)!important}
html body .nf4:not(#a1x){--nf-accent:var(--a1-accent);--nf-accent-hover:var(--a1-accent);--nf-accent-tint:var(--a1-accent-ink);--nf-accent-soft:rgba(var(--a1-accent-rgb),.18);--nf-accent-ghost:rgba(var(--a1-accent-rgb),.2);--nf-accent-line:rgba(var(--a1-accent-line-rgb),.4);--nf-accent-focus:rgba(var(--a1-accent-rgb),.45)}