/* Velvet Tower theme for candy-kit: token overrides only (loaded after kit tokens.css).
 * Velvet and satin, done flat: a wine/plum surface scale (page < frame < panel < card < hover),
 * 1px hairlines instead of glows, cherry pink reserved for the primary CTA, the active tab, focus
 * and small highlights; the gold of the satin ribbons marks wins. Cash-out is a flat mint-teal.
 */
:root {
  color-scheme: dark;

  /* surfaces: plum night, stepping up ~4% lightness per layer */
  --ck-bg: #0d0710;
  --ck-frame: #160c17;
  --ck-frame-border: rgba(255, 255, 255, 0.06);
  --ck-col-divider: rgba(255, 255, 255, 0.06);
  --ck-surface-1: #201220;          /* panels */
  --ck-surface-2: #2a1829;          /* cards, rows */
  --ck-surface-3: #120a12;          /* insets */
  --ck-surface-hover: #351f33;
  --ck-surface-active: #42263f;
  --ck-modal-bg: #201220;
  --ck-modal-card: #2a1829;
  --ck-scrim: rgba(9, 4, 9, 0.72);
  --ck-line: rgba(255, 255, 255, 0.07);
  --ck-line-strong: rgba(255, 255, 255, 0.14);

  /* text */
  --ck-text: #fbf3f7;
  --ck-text-muted: #b195a9;
  --ck-text-dim: #7a6475;
  --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: #351f33;
  --ck-cancel-text: #fbf3f7;
  --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: #7a6475;
  --ck-status-offline: #ff5577;
  --ck-focus: #8fc8ff;
  --ck-cashed-tint: rgba(51, 209, 178, 0.07);

  /* multiplier tiers: muted for a lost climb (0x), blue < 2x, violet 2-10x, amber >= 10x */
  --ck-tier-lost-bg: #3a2a37; --ck-tier-lost-fg: #b195a9;
  --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: #42263f;
  --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: velvet spotlight behind the tower; the multiplier is flat white-to-satin-gold, no glow */
  --ck-stage-bg: radial-gradient(120% 90% at 62% 0%, #3d1631 0%, #1d0b19 55%, #0f0710 100%);
  --ck-stage-border: rgba(255, 255, 255, 0.07);
  --ck-mult-color: #ffffff;
  --ck-mult-gradient: linear-gradient(180deg, #ffffff 15%, #ffd9a8 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;
}