/* FabrikaTycoon 2.1 — cherry game UI tokens */
:root {
  color-scheme: light;

  --tc-ink: #f8dfe8;
  --tc-ink-2: #f3cfdb;
  --tc-surface: #fff2f7;
  --tc-surface-2: #fbe4ed;
  --tc-surface-3: #f4cbd9;
  --tc-line: #bd6b87;
  --tc-line-soft: #e1a9bc;

  --tc-text: #452c38;
  --tc-text-muted: #755563;
  --tc-text-dim: #9b7685;

  --tc-primary: #dc2626;
  --tc-gold: #dc2626;
  --tc-gold-deep: #b83f6d;
  --tc-gold-soft: rgba(220,38,38, .13);
  --tc-ember: #dc2626;
  --tc-pink: #dc2626; --tc-pink-deep: #b91c1c; --tc-pink-soft: rgba(220,38,38,.13);
  --tc-cyan: #4daac2;
  --tc-violet: #8d6ac1;
  --tc-emerald: #55a675;

  --tc-success: #65a876;
  --tc-warning: #dda93b;
  --tc-danger: #d16666;
  --tc-info: #5e9fc8;

  --tc-grad-empire: linear-gradient(180deg, #fff9fc 0%, #fff0f6 100%);
  --tc-grad-forge: linear-gradient(135deg, #f17baa 0%, #d84e84 100%);
  --tc-grad-ember: linear-gradient(135deg, #f5a7be 0%, #db668e 100%);
  --tc-grad-pink: var(--tc-grad-forge);
  --tc-grad-cyan: linear-gradient(135deg, #5faabd 0%, #397d92 100%);
  --tc-grad-violet: linear-gradient(135deg, #9588b6 0%, #685b87 100%);
  --tc-grad-rose: linear-gradient(135deg, #d16666 0%, #a34646 100%);
  --tc-grad-card: none;
  --tc-grad-gold-line: #e5b4c6;
  --tc-grad-hero: linear-gradient(90deg, rgba(6, 11, 18, .94), rgba(6, 11, 18, .62) 55%, rgba(6, 11, 18, .22));

  --tc-glow-gold: none;
  --tc-glow-ember: none;
  --tc-glow-pink: none;
  --tc-glow-cyan: none;
  --tc-glow-soft: none;
  --tc-glow-card: none;

  --tc-font-display: "Nunito", sans-serif;
  --tc-font-heading: "Nunito", sans-serif;
  --tc-font-body: "Nunito", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tc-font-mono: "JetBrains Mono", ui-monospace, monospace;

  --tc-fs-display: clamp(2.35rem, 5vw, 4.1rem);
  --tc-fs-h1: clamp(1.9rem, 3.5vw, 2.75rem);
  --tc-fs-h2: clamp(1.45rem, 2.5vw, 2rem);
  --tc-fs-h3: clamp(1.12rem, 1.8vw, 1.4rem);
  --tc-fs-h4: 1.05rem;
  --tc-fs-body: .9rem;
  --tc-fs-sm: .82rem;
  --tc-fs-xs: .74rem;

  --tc-lh-tight: 1.12;
  --tc-lh-snug: 1.3;
  --tc-lh-normal: 1.62;
  --tc-lh-loose: 1.75;

  --tc-space-1: 4px;
  --tc-space-2: 8px;
  --tc-space-3: 12px;
  --tc-space-4: 16px;
  --tc-space-5: 24px;
  --tc-space-6: 32px;
  --tc-space-7: 44px;
  --tc-space-8: 60px;
  --tc-space-9: 78px;

  --tc-radius-xs: 1px;
  --tc-radius-sm: 2px;
  --tc-radius: 3px;
  --tc-radius-lg: 3px;
  --tc-radius-xl: 4px;
  --tc-radius-pill: 2px;

  --tc-border: 2px solid var(--tc-line);
  --tc-border-soft: 1px solid var(--tc-line-soft);
  --tc-border-gold: 2px solid rgba(220,38,38, .72);

  --tc-container: 1220px;
  --tc-container-narrow: 900px;
  --tc-container-wide: 1440px;

  --tc-header-h: 68px;
  --tc-header-h-sm: 60px;
  --tc-nav-bg: #fff6e9;
  --tc-nav-bg-solid: #fff6e9;
  --tc-nav-line: #7d5060;
  --tc-nav-text: #482f39;
  --tc-nav-muted: #785b64;

  --tc-ease: cubic-bezier(.2, .8, .2, 1);
  --tc-ease-out: cubic-bezier(.2, .8, .2, 1);
  --tc-ease-in-out: ease-in-out;
  --tc-dur-fast: 140ms;
  --tc-dur: 220ms;
  --tc-dur-slow: 280ms;
  --tc-dur-cine: 280ms;

  --tc-z-base: 1;
  --tc-z-raised: 10;
  --tc-z-sticky: 100;
  --tc-z-header: 500;
  --tc-z-overlay: 900;
  --tc-z-modal: 1000;
  --tc-z-toast: 1100;

  --tc-shadow-sm: 0 3px 0 rgba(93, 43, 61, .10);
  --tc-shadow: 0 5px 0 rgba(93, 43, 61, .13);
  --tc-shadow-lg: 0 8px 0 rgba(93, 43, 61, .14);
  --tc-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .75);

  --tc-rank-vip: #4d9a85;
  --tc-rank-premium: #d19b35;
  --tc-rank-sponsor: #8c7eb0;
  --tc-rank-efsanevi: #b85e62;
  --tc-rank-tanrisal: #d18343;

  --tc-world-main: #4ea86f;
  --tc-world-end: #8b64c7;
  --tc-world-nether: #d74d53;
  --tc-world-ocean: #2d91bf;
  --tc-world-moon: #747fbd;
  --tc-world-mars: #d26a4d;
  --tc-world-backrooms: #be962b;
  --tc-world-void: #5f50a8;
  --tc-world-farm: #72a94c;
  --tc-world-ancient: #9b7d49;
  --tc-world-industry: #667e93;
  --tc-world-crypto: #aa4fb4;
}

body.tc-page {
  background: var(--tc-ink);
  color: var(--tc-text);
}