:root {
  /* Rocketspark merge — near-black (aligned with live RS; not crushed #000) */
  --idx-bg: #101012;
  --idx-surface: #18181b;
  --idx-ink: #fafafa;
  --idx-muted: #a1a1aa;
  --idx-accent: #fff200;
  --idx-accent-ink: #0a0a0b;
  /* Same hue family as --idx-accent — gradients, washes, emphasis */
  --idx-accent-deep: #e8e000;
  --idx-accent-mid: #f0e600;
  --idx-accent-wash: #f7e800;
  --idx-accent-tint: #fffce8;
  /* Space-separated for rgb(var(--idx-accent-rgb) / alpha) */
  --idx-accent-rgb: 255 242 0;
  /* Links / highlights on near-black (same hue family as --idx-accent) */
  --idx-accent-bright: #fff191;
  --idx-line: rgba(255, 255, 255, 0.1);
  --idx-line-strong: rgb(var(--idx-accent-rgb) / 0.35);
  /* ~1152px cap — typical marketing page width; aligns with footer bands */
  --idx-measure: min(72rem, 100%);
  --idx-gutter: clamp(1.1rem, 4.5vw, 2.75rem);
  --idx-font: "Rubik", system-ui, sans-serif;
  /* V2: Syne for display — still yellow/black brand via tokens above */
  --idx-display: "Syne", "Rubik", system-ui, sans-serif;
  --idx-z-video: 0;
  --idx-z-base: 1;
  --idx-z-nav: 20;
  --idx-z-nav-logo: 10;
  --idx-z-overlay: 30;
  --idx-z-chat: 40;
}