/* DPDPA Forum — brand surfaces & motifs.
   The brand's "imagery" is not photography — it is one signature gradient field:
   a deep navy base (ink-950 / navy-900) with a large blue radial glow off-centre
   and two cooler corner glows. Reproduced verbatim from the Cover / Hero frames. */

:root {
  /* Motion — durations in ms (from Forum/Event motion tokens) */
  --motion-instant-ms: 0ms; /* @kind other */
  --motion-quick-ms: 120ms; /* @kind other */
  --motion-base-ms: 200ms; /* @kind other */
  --motion-considered-ms: 320ms; /* @kind other */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
}

/* The Institutional Field — full-bleed hero / cover background.
   Use on dark sections: nav, hero, seals, event surfaces. */
.fig-field {
  background:
    linear-gradient(90deg, rgba(4,6,15,0.231) 0%, rgba(4,6,15,0.033) 34%, rgba(4,6,15,0) 60%, rgba(4,6,15,0) 100%),
    linear-gradient(180deg, rgba(4,6,15,0.495) 0%, rgba(4,6,15,0.09) 30%, rgba(4,6,15,0) 58%, rgba(4,6,15,0.306) 82%, rgba(4,6,15,0.702) 100%),
    radial-gradient(52% 52% at 99% 1%, rgba(156,186,255,0.496) 0%, rgba(110,147,240,0.272) 22%, rgba(75,111,220,0.112) 48%, rgba(43,75,176,0.032) 74%, rgba(43,75,176,0) 100%),
    radial-gradient(72% 72% at 4% 98%, rgba(26,53,133,0.4675) 0%, rgba(18,36,85,0.176) 45%, rgba(7,12,30,0) 100%),
    radial-gradient(105% 105% at 74% 36%, rgb(58,99,216) 0%, rgba(46,81,190,0.94) 16%, rgba(34,59,146,0.78) 32%, rgba(24,43,105,0.56) 48%, rgba(17,30,76,0.34) 64%, rgba(11,20,51,0.15) 80%, rgba(7,12,30,0) 100%),
    linear-gradient(rgb(7,12,30), rgb(7,12,30));
  color: var(--white);
}

/* Foil — the event/credential layer. A warm bronze-to-gold sweep used
   sparingly for seals, delegate badges and award artifacts. Gold is
   CONTAINED: never a page background, only a mark or hairline. */
.fig-foil {
  background: linear-gradient(135deg,
    var(--foil-shadow) 0%,
    var(--foil-edge) 22%,
    var(--foil-mid) 46%,
    var(--foil-light) 62%,
    var(--foil-mid) 78%,
    var(--foil-edge) 100%);
}

/* Eyebrow rule — the 2px mint tick that precedes institutional headings. */
.fig-eyebrow-rule {
  width: 64px;
  height: 2px;
  background: var(--accent-rule);
}

a {
  color: var(--action-default);
  text-decoration: none;
}
a:hover {
  color: var(--action-hover);
}