/* AuroraX 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 prismx.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: AuroraX is purple with a cyan second accent */
  --accent: #8b5cf6;
  --accent-2: #06b6d4;
  --accent-rgb: 139, 92, 246;
  --accent-2-rgb: 6, 182, 212;
  --accent-text: #a78bfa;      /* links and labels, 7.3:1 on --bg */
  --cta-from: #a78bfa;
  --cta-to: #f0abfc;
  --cta-ink: #12071f;          /* text on the CTA gradient, >= 7:1 */
  --tint: #0c0814;             /* violet-black for section washes */

  /* v2: the space behind the page (a few fixed stars), the hero sky, the hero still (no WebGL or reduced motion)
     and the stage key */
  --ambient: radial-gradient(1.2px 1.2px at 8% 14%, rgba(255, 255, 255, 0.55), transparent),
             radial-gradient(1.2px 1.2px at 23% 31%, rgba(255, 255, 255, 0.35), transparent),
             radial-gradient(1.2px 1.2px at 37% 9%, rgba(255, 255, 255, 0.5), transparent),
             radial-gradient(1.2px 1.2px at 52% 22%, rgba(255, 255, 255, 0.3), transparent),
             radial-gradient(1.2px 1.2px at 66% 12%, rgba(255, 255, 255, 0.45), transparent),
             radial-gradient(1.2px 1.2px at 81% 27%, rgba(255, 255, 255, 0.4), transparent),
             radial-gradient(1.2px 1.2px at 93% 8%, rgba(255, 255, 255, 0.5), transparent),
             radial-gradient(1.2px 1.2px at 14% 58%, rgba(255, 255, 255, 0.3), transparent),
             radial-gradient(1.2px 1.2px at 31% 72%, rgba(255, 255, 255, 0.35), transparent),
             radial-gradient(1.2px 1.2px at 47% 64%, rgba(255, 255, 255, 0.25), transparent),
             radial-gradient(1.2px 1.2px at 72% 56%, rgba(255, 255, 255, 0.35), transparent),
             radial-gradient(1.2px 1.2px at 88% 69%, rgba(255, 255, 255, 0.3), transparent),
             radial-gradient(1.2px 1.2px at 61% 88%, rgba(255, 255, 255, 0.3), transparent),
             radial-gradient(1.2px 1.2px at 19% 91%, rgba(255, 255, 255, 0.35), transparent),
             radial-gradient(60% 45% at 86% 4%, rgba(139, 92, 246, .11), transparent 70%),
             radial-gradient(45% 40% at 4% 48%, rgba(6, 182, 212, .05), transparent 70%),
             radial-gradient(55% 45% at 84% 94%, rgba(236, 72, 153, .05), transparent 70%);
  --sky: radial-gradient(60% 50% at 50% 0%, rgba(139, 92, 246, .22), transparent 70%),
         radial-gradient(40% 35% at 16% 18%, rgba(6, 182, 212, .1), transparent 70%),
         radial-gradient(40% 35% at 86% 22%, rgba(236, 72, 153, .08), transparent 70%);
  --poster: url("img/hero-still.jpg");
  --poster-m: url("img/hero-still-m.jpg");
  --stage-key: linear-gradient(90deg, #06b6d4, #8b5cf6, #ec4899);

  /* the sibling plug-in (cross-link card) */
  --sibling-rgb: 59, 130, 246;
  --sibling-text: #60a5fa;

  /* 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;
}