/* Cherry High theme for candy-kit: token overrides only (loaded after kit tokens.css).
 * Night cherry, done flat: a layered wine/plum surface scale, 1px hairlines instead of glows, a
 * deep cherry red for the primary CTA, the active tab and focus accents. Hits are mint, misses a
 * soft red, wins gold. Same structure as Sugar Rush, its own colour so the two never look alike.
 */
:root {
  color-scheme: dark;

  /* surfaces: wine night, stepping up ~4% lightness per layer */
  --ck-bg: #0d080d;
  --ck-frame: #160d16;
  --ck-frame-border: rgba(255, 255, 255, 0.06);
  --ck-col-divider: rgba(255, 255, 255, 0.06);
  --ck-surface-1: #201320;          /* panels */
  --ck-surface-2: #2a1a29;          /* cards, rows */
  --ck-surface-3: #120a12;          /* insets */
  --ck-surface-hover: #352234;
  --ck-surface-active: #402a3f;
  --ck-modal-bg: #201320;
  --ck-modal-card: #2a1a29;
  --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: #f9f2f6;
  --ck-text-muted: #ae96a8;
  --ck-text-dim: #7a6475;
  --ck-text-on-accent: #ffffff;

  /* accent: cherry red, used sparingly */
  --ck-accent: #e0264f;
  --ck-accent-2: #ff6f8f;
  --ck-accent-soft: rgba(224, 38, 79, 0.16);
  --ck-cta-gradient: linear-gradient(180deg, #ec3a60 0%, #d21f47 100%);
  --ck-cta-glow: none;
  --ck-cta-text: #ffffff;
  --ck-cashout-gradient: linear-gradient(180deg, #34d8b8 0%, #22bc9e 100%);
  --ck-cashout-text: #03231d;
  --ck-cancel-bg: #352234;
  --ck-cancel-text: #f9f2f6;
  --ck-progress: #e0264f;
  --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: #34d1b0;
  --ck-danger: #ff5c7a;
  --ck-warn: #ffb347;
  --ck-info: #9a7cf0;
  --ck-status-live: #34d1b0;
  --ck-status-idle: #7a6475;
  --ck-status-offline: #ff5c7a;
  --ck-focus: #8fc8ff;
  --ck-cashed-tint: rgba(52, 209, 176, 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: #402a3f;
  --ck-chip-current-fg: #ffffff;

  --ck-avatar-0: #c0476a; --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 canvas sky covers it; the multiplier is flat white-to-blush, no glow */
  --ck-stage-bg: linear-gradient(180deg, #120a1a 0%, #2a1030 55%, #4a1532 100%);
  --ck-stage-border: rgba(255, 255, 255, 0.07);
  --ck-mult-color: #ffffff;
  --ck-mult-gradient: linear-gradient(180deg, #ffffff 15%, #ffc4d3 100%);
  --ck-mult-glow: none;
  --ck-mult-crashed: #ff5c7a;
  --ck-mult-cashed: #3fe0bf;
  --ck-wait-track: rgba(255, 255, 255, 0.14);
  --ck-wait-fill: #e0264f;

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

  --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;
}