/* Bubblegum Blimp theme for candy-kit: token overrides only (loaded after kit tokens.css).
 * Dusk over the candy city, done flat: a twilight blue-violet surface scale (page < frame < panel
 * < card < hover), 1px hairlines, the bubblegum pink reserved for the primary CTA, the active tab,
 * focus and small highlights. Cash-out is flat mint; wins are gold.
 */
:root {
  color-scheme: dark;

  /* surfaces: twilight, stepping up ~4% lightness per layer */
  --ck-bg: #0a0a14;
  --ck-frame: #12111f;
  --ck-frame-border: rgba(255, 255, 255, 0.06);
  --ck-col-divider: rgba(255, 255, 255, 0.06);
  --ck-surface-1: #1a192b;
  --ck-surface-2: #232237;
  --ck-surface-3: #0e0d19;
  --ck-surface-hover: #2c2b43;
  --ck-surface-active: #36344f;
  --ck-modal-bg: #1a192b;
  --ck-modal-card: #232237;
  --ck-scrim: rgba(6, 6, 12, 0.72);
  --ck-line: rgba(255, 255, 255, 0.07);
  --ck-line-strong: rgba(255, 255, 255, 0.14);

  /* text */
  --ck-text: #f5f4fb;
  --ck-text-muted: #a09db8;
  --ck-text-dim: #6d6a86;
  --ck-text-on-accent: #ffffff;

  /* accent: bubblegum pink */
  --ck-accent: #f0529c;
  --ck-accent-2: #ff8cc0;
  --ck-accent-soft: rgba(240, 82, 156, 0.16);
  --ck-cta-gradient: linear-gradient(180deg, #f565a8 0%, #e24690 100%);
  --ck-cta-glow: none;
  --ck-cta-text: #ffffff;
  --ck-cashout-gradient: linear-gradient(180deg, #3ad8bf 0%, #22bda6 100%);
  --ck-cashout-text: #03231f;
  --ck-cancel-bg: #36344f;
  --ck-cancel-text: #f5f4fb;
  --ck-progress: #f0529c;
  --ck-close-bg: var(--ck-surface-2);
  --ck-close-fg: var(--ck-text-muted);
  --ck-close-border: var(--ck-line);

  /* states */
  --ck-win: #ffc65e;
  --ck-success: #3ad8bf;
  --ck-danger: #ff5a78;
  --ck-warn: #ffb347;
  --ck-info: #8f86f2;
  --ck-status-live: #3ad8bf;
  --ck-status-idle: #6d6a86;
  --ck-status-offline: #ff5a78;
  --ck-focus: #8fd0ff;
  --ck-cashed-tint: rgba(58, 216, 191, 0.08);

  /* multiplier tiers: sky < 2x, violet 2-10x, amber >= 10x */
  --ck-tier-low-bg: #3f73d4;  --ck-tier-low-fg: #ffffff;
  --ck-tier-mid-bg: #8a4bd8;  --ck-tier-mid-fg: #ffffff;
  --ck-tier-high-bg: #d9921a; --ck-tier-high-fg: #ffffff;
  --ck-chip-current-bg: #36344f;
  --ck-chip-current-fg: #ffffff;

  /* avatars: muted, varied */
  --ck-avatar-0: #b65a8c; --ck-avatar-1: #775cc4; --ck-avatar-2: #3b8ea0; --ck-avatar-3: #b8843f;
  --ck-avatar-4: #5671c6; --ck-avatar-5: #42957c; --ck-avatar-6: #a65f62; --ck-avatar-7: #74708e;

  /* stage: the canvas sky covers it */
  --ck-stage-bg: linear-gradient(180deg, #2b2350 0%, #4a2f63 55%, #7a3f6e 100%);
  --ck-stage-border: rgba(255, 255, 255, 0.07);
  --ck-mult-color: #ffffff;
  --ck-mult-gradient: linear-gradient(180deg, #ffffff 15%, #ffd2e8 100%);
  --ck-mult-glow: none;
  --ck-mult-crashed: #ff5a78;
  --ck-mult-cashed: #3ad8bf;
  --ck-wait-track: rgba(255, 255, 255, 0.16);
  --ck-wait-fill: #f0529c;

  --ck-left-w-tablet: 316px;

  /* type */
  --ck-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ck-font-display: var(--ck-font);
  --ck-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}