/* TRADEHIFI — SINGLE COLOUR CONTROL CENTRE
   Change these variables to recolour the entire website. Do not edit site.css for colours. */
:root{
  --brand-navy:#0B1F33;          /* primary dark */
  --brand-navy-deep:#061320;     /* darkest surfaces */
  --brand-navy-soft:#173750;     /* secondary dark */
  --brand-orange:#fd941c;        /* Tradehifi orange */
  --brand-orange-hi:color-mix(in srgb, var(--brand-orange) 58%, #ffffff);     /* hover / highlight orange */
  --brand-orange-soft:color-mix(in srgb, var(--brand-orange) 11%, #ffffff);   /* light orange wash */
  --brand-grey:#5B6878;          /* logo/supporting grey */
  --paper:#F4F1EB;               /* main page background */
  --surface:#FFFFFF;             /* cards / panels */
  --ink:#16283A;                 /* primary text */
  --muted:#526273;               /* secondary text */
  --line:#D9E0E5;                /* light borders */
  --line-dark:rgba(255,255,255,.14);
  --accent-glow:color-mix(in srgb, var(--brand-orange) 18%, transparent);
  --brand-orange-hover:color-mix(in srgb, var(--brand-orange) 84%, #000000);
  --brand-orange-light:var(--brand-orange-hi);
  --on-accent:#FFFFFF;
  --accent-02:color-mix(in srgb, var(--brand-orange) 2%, transparent);
  --accent-03:color-mix(in srgb, var(--brand-orange) 3%, transparent);
  --accent-06:color-mix(in srgb, var(--brand-orange) 6%, transparent);
  --accent-08:color-mix(in srgb, var(--brand-orange) 8%, transparent);
  --accent-09:color-mix(in srgb, var(--brand-orange) 9%, transparent);
  --accent-12:color-mix(in srgb, var(--brand-orange) 12%, transparent);
  --accent-14:color-mix(in srgb, var(--brand-orange) 14%, transparent);
  --accent-16:color-mix(in srgb, var(--brand-orange) 16%, transparent);
  --accent-18:color-mix(in srgb, var(--brand-orange) 18%, transparent);
  --accent-20:color-mix(in srgb, var(--brand-orange) 20%, transparent);
  --accent-24:color-mix(in srgb, var(--brand-orange) 24%, transparent);
  --accent-26:color-mix(in srgb, var(--brand-orange) 26%, transparent);
  --accent-32:color-mix(in srgb, var(--brand-orange) 32%, transparent);
  --accent-45:color-mix(in srgb, var(--brand-orange) 45%, transparent);
  --accent-50:color-mix(in srgb, var(--brand-orange) 50%, transparent);
  --accent-55:color-mix(in srgb, var(--brand-orange) 55%, transparent);

  /* Backward-compatible aliases used throughout the layout */
  --navy:var(--brand-navy);
  --navy-deep:var(--brand-navy-deep);
  --navy-soft:var(--brand-navy-soft);
  --orange:var(--brand-orange);
  --orange-hi:var(--brand-orange-hi);
  --orange-soft:var(--brand-orange-soft);
  --white:var(--surface);

  --serif:'Playfair Display',Georgia,serif;
  --sans:'DM Sans',Arial,sans-serif;
  --display:'Manrope',Arial,sans-serif;
  --max:1240px;
  --ease:cubic-bezier(.2,.8,.2,1);
}