/* Candy Drop theme for candy-kit: token overrides only (loaded after kit tokens.css).
 * Same Candy family as Sugar Rush (plum night, flat surfaces, pink kept for the CTA and focus).
 * Candy-noir, done flat: a layered plum/indigo surface scale (page < frame < panel < card < hover),
 * 1px hairlines instead of glows, and the brand pink reserved for the primary CTA, the active tab,
 * focus and small highlights. Cash-out is a flat mint-teal; wins are gold.
 */
:root {
  color-scheme: dark;

  /* surfaces: plum night, stepping up ~4% lightness per layer */
  --ck-bg: #0c0911;
  --ck-frame: #15101c;
  --ck-frame-border: rgba(255, 255, 255, 0.06);
  --ck-col-divider: rgba(255, 255, 255, 0.06);
  --ck-surface-1: #1e1727;          /* panels */
  --ck-surface-2: #271f32;          /* cards, rows */
  --ck-surface-3: #110d17;          /* insets */
  --ck-surface-hover: #30273d;
  --ck-surface-active: #3a2f49;
  --ck-modal-bg: #1e1727;
  --ck-modal-card: #271f32;
  --ck-scrim: rgba(8, 5, 12, 0.72);
  --ck-line: rgba(255, 255, 255, 0.07);
  --ck-line-strong: rgba(255, 255, 255, 0.14);

  /* text */
  --ck-text: #f7f3fa;
  --ck-text-muted: #a497b2;
  --ck-text-dim: #71667e;
  --ck-text-on-accent: #ffffff;

  /* accent: candy pink, used sparingly */
  --ck-accent: #ec4489;
  --ck-accent-2: #ff7fb2;
  --ck-accent-soft: rgba(236, 68, 137, 0.16);
  --ck-cta-gradient: linear-gradient(180deg, #f2549a 0%, #e03a82 100%);
  --ck-cta-glow: none;
  --ck-cta-text: #ffffff;
  --ck-cashout-gradient: linear-gradient(180deg, #2fd3bd 0%, #1fb9a5 100%);
  --ck-cashout-text: #03231f;
  --ck-cancel-bg: #30273d;
  --ck-cancel-text: #f7f3fa;
  --ck-progress: #ec4489;
  --ck-close-bg: var(--ck-surface-2);
  --ck-close-fg: var(--ck-text-muted);
  --ck-close-border: var(--ck-line);

  /* states */
  --ck-win: #ffc35c;
  --ck-success: #33d1b2;
  --ck-danger: #ff5577;
  --ck-warn: #ffb347;
  --ck-info: #8c7cf0;
  --ck-status-live: #33d1b2;
  --ck-status-idle: #71667e;
  --ck-status-offline: #ff5577;
  --ck-focus: #8fc8ff;
  --ck-cashed-tint: rgba(51, 209, 178, 0.07);

  /* multiplier tiers: blue < 2x, violet 2-10x, amber >= 10x */
  --ck-tier-low-bg: #4166d6;  --ck-tier-low-fg: #ffffff;
  --ck-tier-mid-bg: #8047d6;  --ck-tier-mid-fg: #ffffff;
  --ck-tier-high-bg: #db9214; --ck-tier-high-fg: #ffffff;
  --ck-chip-current-bg: #3a2f49;
  --ck-chip-current-fg: #ffffff;

  /* avatars: muted, varied */
  --ck-avatar-0: #b25a86; --ck-avatar-1: #7a5bc0; --ck-avatar-2: #3d8c9c; --ck-avatar-3: #b5813e;
  --ck-avatar-4: #5a70c2; --ck-avatar-5: #43937a; --ck-avatar-6: #a35e5e; --ck-avatar-7: #77708a;

  /* stage: the peg-board canvas covers it */
  --ck-stage-bg: linear-gradient(160deg, #2a1838 0%, #1b1226 60%, #120c19 100%);
  --ck-stage-border: rgba(255, 255, 255, 0.07);
  --ck-mult-color: #ffffff;
  --ck-mult-gradient: linear-gradient(180deg, #ffffff 15%, #ffc9df 100%);
  --ck-mult-glow: none;
  --ck-mult-crashed: #ff5577;
  --ck-mult-cashed: #33d1b2;
  --ck-wait-track: rgba(255, 255, 255, 0.14);
  --ck-wait-fill: #ec4489;

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