/* HTS gradient colour families — slides 27-29 of the Jan 2026 template.
   Twelve approved families, five stops each. Gradients are the brand's primary
   accent device: gradient text, gradient chart highlights, gradient illustrations.
   RULE FROM THE SOURCE: never mix families that are not adjacent on the colour
   wheel (e.g. never pair red with green). Accent colours in one graphic must come
   from a single family. */
:root{
  /* 1 — red → pink */
  --grad-red-pink-1:#F23749; --grad-red-pink-2:#ED095A; --grad-red-pink-3:#EE0881; --grad-red-pink-4:#EF0B96; --grad-red-pink-5:#EF0BB6;
  /* 2 — red → pink → purple */
  --grad-red-purple-1:#CE0939; --grad-red-purple-2:#D40F71; --grad-red-purple-3:#DA15B2; --grad-red-purple-4:#C41FC6; --grad-red-purple-5:#9F2ECC;
  /* 3 — pink → purple */
  --grad-pink-purple-1:#DA15B2; --grad-pink-purple-2:#C326C2; --grad-pink-purple-3:#B235CE; --grad-pink-purple-4:#9C46DE; --grad-pink-purple-5:#8C51E7;
  /* 4 — pink → purple → blue */
  --grad-pink-blue-1:#C41FC5; --grad-pink-blue-2:#A03AF0; --grad-pink-blue-3:#6F3EEE; --grad-pink-blue-4:#3963DF; --grad-pink-blue-5:#2A7CED;
  /* 5 — purple → blue */
  --grad-purple-blue-1:#6F3EEE; --grad-purple-blue-2:#624BEF; --grad-purple-blue-3:#4464ED; --grad-purple-blue-4:#2A7CED; --grad-purple-blue-5:#198CEC;
  /* 6 — blue → blue */
  --grad-blue-blue-1:#198CEC; --grad-blue-blue-2:#1D9BEA; --grad-blue-blue-3:#25A7E9; --grad-blue-blue-4:#2AB4E8; --grad-blue-blue-5:#2CC0E8;
  /* 7 — blue → teal */
  --grad-blue-teal-1:#2A7CED; --grad-blue-teal-2:#2894DD; --grad-blue-teal-3:#26ABCB; --grad-blue-teal-4:#22BEBD; --grad-blue-teal-5:#22CAB4;
  /* 8 — teal → green */
  --grad-teal-green-1:#22CAB4; --grad-teal-green-2:#1BC787; --grad-teal-green-3:#1DC34E; --grad-teal-green-4:#3CBD2B; --grad-teal-green-5:#5EB60D;
  /* 9 — green → yellow */
  --grad-green-yellow-1:#60B50E; --grad-green-yellow-2:#75B714; --grad-green-yellow-3:#8EB61A; --grad-green-yellow-4:#A3B51B; --grad-green-yellow-5:#AFB521;
  /* 10 — yellow → yellow */
  --grad-yellow-yellow-1:#DFD539; --grad-yellow-yellow-2:#E9CD37; --grad-yellow-yellow-3:#F2C436; --grad-yellow-yellow-4:#F9BF33; --grad-yellow-yellow-5:#FFBA32;
  /* 11 — yellow → orange */
  --grad-yellow-orange-1:#FFBA32; --grad-yellow-orange-2:#FFA82C; --grad-yellow-orange-3:#FD8921; --grad-yellow-orange-4:#F57311; --grad-yellow-orange-5:#EC6606;
  /* 12 — orange → pink */
  --grad-orange-pink-1:#EC6606; --grad-orange-pink-2:#EF5025; --grad-orange-pink-3:#F23749; --grad-orange-pink-4:#F42663; --grad-orange-pink-5:#F81281;

  /* Ready-made left-to-right ramps */
  --grad-red-pink:linear-gradient(90deg,var(--grad-red-pink-1),var(--grad-red-pink-5));
  --grad-red-purple:linear-gradient(90deg,var(--grad-red-purple-1),var(--grad-red-purple-5));
  --grad-pink-purple:linear-gradient(90deg,var(--grad-pink-purple-1),var(--grad-pink-purple-5));
  --grad-pink-blue:linear-gradient(90deg,var(--grad-pink-blue-1),var(--grad-pink-blue-3),var(--grad-pink-blue-5));
  --grad-purple-blue:linear-gradient(90deg,var(--grad-purple-blue-1),var(--grad-purple-blue-5));
  --grad-blue-blue:linear-gradient(90deg,var(--grad-blue-blue-1),var(--grad-blue-blue-5));
  --grad-blue-teal:linear-gradient(90deg,var(--grad-blue-teal-1),var(--grad-blue-teal-5));
  --grad-teal-green:linear-gradient(90deg,var(--grad-teal-green-1),var(--grad-teal-green-5));
  --grad-green-yellow:linear-gradient(90deg,var(--grad-green-yellow-1),var(--grad-green-yellow-5));
  --grad-yellow-yellow:linear-gradient(90deg,var(--grad-yellow-yellow-1),var(--grad-yellow-yellow-5));
  --grad-yellow-orange:linear-gradient(90deg,var(--grad-yellow-orange-1),var(--grad-yellow-orange-5));
  --grad-orange-pink:linear-gradient(90deg,var(--grad-orange-pink-1),var(--grad-orange-pink-5));

  /* Default accent — swap this one alias to re-tint a whole deck */
  --grad-accent:var(--grad-pink-blue);
  --accent-1:var(--grad-pink-blue-1);
  --accent-5:var(--grad-pink-blue-5);

  /* Pale family tints — tooltip / callout backgrounds (mixed over white) */
  --tint-red-pink:color-mix(in srgb,var(--grad-red-pink-3) 7%,#fff);
  --tint-pink-purple:color-mix(in srgb,var(--grad-pink-purple-3) 7%,#fff);
  --tint-pink-blue:color-mix(in srgb,var(--grad-pink-blue-3) 7%,#fff);
  --tint-purple-blue:color-mix(in srgb,var(--grad-purple-blue-3) 7%,#fff);
  --tint-blue-blue:color-mix(in srgb,var(--grad-blue-blue-3) 7%,#fff);
  --tint-blue-teal:color-mix(in srgb,var(--grad-blue-teal-3) 7%,#fff);
  --tint-teal-green:color-mix(in srgb,var(--grad-teal-green-3) 7%,#fff);
  --tint-green-yellow:color-mix(in srgb,var(--grad-green-yellow-3) 7%,#fff);
  --tint-yellow-orange:color-mix(in srgb,var(--grad-yellow-orange-3) 7%,#fff);
  --tint-orange-pink:color-mix(in srgb,var(--grad-orange-pink-3) 7%,#fff);
}