/* The CI is gradient-native: each letter of DMC is a two-stop wash.
   Rule of thumb: ONE gradient per view, and never behind body copy. */
:root{
  /* Per-letter washes, angled 135deg to echo the mark's light direction */
  --grad-blue:linear-gradient(135deg,#0074BD 0%,#6EBDEA 100%); /* @kind color */
  --grad-green:linear-gradient(135deg,#009F4F 0%,#97C93A 100%); /* @kind color */
  --grad-amber:linear-gradient(135deg,#F9A01B 0%,#FFCD07 100%); /* @kind color */

  /* The full CI spectrum. Hairlines, underlines, progress, chart accents — not large fills. */
  --grad-ci:linear-gradient(90deg,#0074BD 0%,#1A8DCD 16%,#009F4F 36%,#97C93A 55%,#F9A01B 80%,#FFCD07 100%); /* @kind color */
  --grad-ci-diagonal:linear-gradient(135deg,#0074BD 0%,#009F4F 42%,#97C93A 62%,#FFCD07 100%); /* @kind color */

  /* Dark canvases. The corporate site sits on near-black with one CI glow off-frame. */
  --grad-dark:linear-gradient(160deg,#1B1E21 0%,#0B0D0F 100%); /* @kind color */
  --grad-dark-blue:radial-gradient(120% 90% at 15% 0%,rgba(0,116,189,.42) 0%,rgba(0,116,189,0) 60%),linear-gradient(160deg,#16181A 0%,#0B0D0F 100%); /* @kind color */
  --grad-dark-green:radial-gradient(120% 90% at 85% 0%,rgba(0,159,79,.38) 0%,rgba(0,159,79,0) 60%),linear-gradient(160deg,#16181A 0%,#0B0D0F 100%); /* @kind color */
  --grad-dark-amber:radial-gradient(120% 90% at 50% 110%,rgba(249,160,27,.34) 0%,rgba(249,160,27,0) 60%),linear-gradient(160deg,#16181A 0%,#0B0D0F 100%); /* @kind color */

  /* Light tints for section bands and empty states */
  --grad-tint-blue:linear-gradient(180deg,#EDF6FC 0%,#FFFFFF 100%); /* @kind color */
  --grad-tint-green:linear-gradient(180deg,#F1F9EB 0%,#FFFFFF 100%); /* @kind color */
  --grad-tint-amber:linear-gradient(180deg,#FFF8E3 0%,#FFFFFF 100%); /* @kind color */

  /* Protection gradients: legibility scrims over imagery/video */
  --scrim-bottom:linear-gradient(180deg,rgba(11,13,15,0) 0%,rgba(11,13,15,.78) 100%); /* @kind color */
  --scrim-top:linear-gradient(180deg,rgba(11,13,15,.72) 0%,rgba(11,13,15,0) 100%); /* @kind color */
  --scrim-left:linear-gradient(90deg,rgba(11,13,15,.82) 0%,rgba(11,13,15,0) 70%); /* @kind color */

  /* Text-clip gradient helper */
  --grad-text:var(--grad-ci-diagonal); /* @kind color */
}
.dmc-grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}