/* ==========================================================================
   Design Tokens — extracted from Figma (LEAP · "AI Readiness Framework")
   File: TWJ6XvLtpkjYvHpHpJb9qo · Node: 6869:5577 (component set 6868:4978,
   variants "step 1".."step 5")
   ========================================================================== */

:root {
  /* ---- Color: surface & background (Figma variables) ---- */
  --color-stage-bg: #0a2832;                /* secondary/teal-dark — the diagram's OWN canvas
                                                backdrop (not the page's). Keeps the ring artwork
                                                and its white/80%-opacity text legible even before
                                                the background SVGs finish loading, or during any
                                                other moment nothing opaque has painted yet — the
                                                page itself stays transparent for embedding. */
  --color-ring-idle-fill: #003749;          /* idle/outline ring fill (near-invisible on bg) */
  --color-ring-glow: #00a885;               /* primary/green ambient blur halo */
  --color-ring-active-mid: #008b6e;         /* mid-ring solid fill when a step is current */
  --color-ring-active-outer: #00a885;       /* outer-ring solid fill when a later step is current */

  --color-icon-badge: #0a2832;              /* secondary/teal-dark — icon roundel bg */
  --color-icon-glyph: #eeff40;              /* contrast/yellow */

  --color-text-active: #eeff40;             /* contrast/yellow — activated ring label */
  --color-text-idle-from: #eeff40;          /* idle label gradient start */
  --color-text-idle-to: #008b6e;            /* idle label gradient end */
  --color-text-desc: rgba(255, 255, 255, 0.8); /* neutrals/white-80 */
  --color-text-on-dark: #ffffff;

  --color-intro-ring: #eeff40;              /* contrast/yellow border on the AI roundel */

  /* ---- Typography ---- */
  --font-family: 'Poppins', 'Poppins Fallback', system-ui, -apple-system, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;

  /* ---- Motion ---- */
  --motion-step: 420ms;                     /* background crossfade + ring swap, Smart-Animate-equivalent */
  --motion-label: 260ms;                    /* label color/size swap */
  --motion-desc: 320ms;                     /* description reveal */
  --motion-orbit: 11.25s;                   /* decorative dot-ring continuous rotation — matches
                                                leap-enterprise-value-chain's dot-circle (same
                                                component, same rotate(166.7deg) transform), which
                                                itself matches leap-growth-engine-prototype's current
                                                outer-ring speed; see QA-REPORT.md */

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- Layout (design-space px, canvas is 986 × 1196) ---- */
  --canvas-w: 986;
  --canvas-h: 1196;

  --z-orbit: 1;
  --z-background: 1;
  --z-rings: 2;
  --z-intro: 3;
}