/* PrismX theme. Colours come from the plug-in's own design system (vsts/shared/ldcoda/LDCodaTheme.h).
   The layout lives in site.css and motion.css, which are identical on aurorax.ldcoda.com: only this file differs. */
:root {
  --bg: #09090b;
  --bg-well: #0c0c0e;
  --surface: #111113;
  --surface-2: #18181b;
  --line: rgba(255, 255, 255, .07);
  --line-2: rgba(255, 255, 255, .11);
  --line-3: rgba(255, 255, 255, .18);
  --text: #fafafa;
  --sub: #a1a1aa;
  --muted: #8d8d96;            /* 5.9:1 on --bg */

  /* plug-in palette */
  --blue: #3b82f6;
  --cyan: #06b6d4;
  --purple: #8b5cf6;
  --pink: #ec4899;
  --green: #22c55e;
  --lime: #84cc16;
  --orange: #f97316;
  --yellow: #eab308;

  /* product accent: PrismX is blue with a cyan second accent */
  --accent: #3b82f6;
  --accent-2: #06b6d4;
  --accent-rgb: 59, 130, 246;
  --accent-2-rgb: 6, 182, 212;
  --accent-text: #60a5fa;      /* links and labels, 7.8:1 on --bg */
  --cta-from: #60a5fa;
  --cta-to: #22d3ee;
  --cta-ink: #04111d;          /* text on the CTA gradient, >= 7:1 */
  --tint: #070b14;             /* blue-black for section washes */

  /* v2: the space behind the page, the hero sky, the hero still (no WebGL or reduced motion) and the stage key */
  --ambient: radial-gradient(60% 45% at 88% 4%, rgba(59, 130, 246, .1), transparent 70%),
             radial-gradient(45% 40% at 4% 46%, rgba(6, 182, 212, .055), transparent 70%),
             radial-gradient(55% 45% at 84% 92%, rgba(139, 92, 246, .06), transparent 70%);
  --sky: radial-gradient(50% 46% at 58% 26%, rgba(59, 130, 246, .2), transparent 72%),
         radial-gradient(34% 30% at 22% 30%, rgba(6, 182, 212, .08), transparent 70%);
  --poster: url("img/hero-still.jpg");
  --poster-m: url("img/hero-still-m.jpg");
  --stage-key: linear-gradient(90deg, #22c55e, #06b6d4, #3b82f6, #8b5cf6, #ec4899, #84cc16);

  /* the sibling plug-in (cross-link card) */
  --sibling-rgb: 139, 92, 246;
  --sibling-text: #a78bfa;

  /* shared LD Coda footer (ldc-footer.css); text colours meet WCAG AA on the footer background */
  --ldc-footer-bg: #0b0b0d;
  --ldc-footer-border: rgba(255, 255, 255, .07);
  --ldc-footer-link: #a1a1aa;
  --ldc-footer-link-h: #fafafa;
  --ldc-footer-current: #e4e4e7;
  --ldc-footer-cat: #8d8d96;
  --ldc-footer-dot: #52525b;
  --ldc-footer-meta: #8d8d96;
}