/* EDITORIAL CLEAN — Crazy Time Poland */
/* Tier-1 Europa, zaufanie, ekspertyza + akcent gry Crazy Time */
:root {
  /* Kolory */
  --color-bg:           #ffffff;
  --color-bg-secondary: #f8f9fc;
  --color-bg-card:      #ffffff;
  --color-brand:        #1a365d;
  --color-brand-hover:  #2a4a7f;
  --color-accent:       #FF4500;
  --color-accent-hover: #FF6B35;
  --color-text:         #1a202c;
  --color-text-muted:   #718096;
  --color-text-inverse: #ffffff;
  --color-border:       #e2e8f0;
  --color-border-glow:  rgba(255,69,0,0.2);
  --color-wheel-1:      #FF4500;
  --color-wheel-2:      #FFD700;
  --color-wheel-5:      #1E90FF;
  --color-wheel-10:     #9B59B6;
  --color-wheel-bonus:  #00C853;

  /* CTA */
  --color-cta:          #FF4500;
  --color-cta-hover:    #FF6B35;
  --color-cta-text:     #ffffff;

  /* Statusy */
  --color-success:      #38a169;
  --color-warning:      #d69e2e;
  --color-danger:       #e53e3e;

  /* Typografia */
  --font-heading:       'Merriweather', Georgia, serif;
  --font-body:          'Source Sans Pro', 'Inter', system-ui, sans-serif;
  --font-mono:          'JetBrains Mono', monospace;
  --font-size-xs:       0.75rem;
  --font-size-sm:       0.875rem;
  --font-size-base:     1.0625rem;
  --font-size-lg:       1.125rem;
  --font-size-xl:       1.25rem;
  --font-size-2xl:      1.5rem;
  --font-size-3xl:      1.875rem;
  --font-size-4xl:      2.25rem;
  --font-size-5xl:      3rem;
  --font-weight-normal: 400;
  --font-weight-medium: 600;
  --font-weight-bold:   700;
  --line-height-tight:  1.3;
  --line-height-normal: 1.75;

  /* Odstępy */
  --spacing-1:  0.25rem;
  --spacing-2:  0.5rem;
  --spacing-3:  0.75rem;
  --spacing-4:  1rem;
  --spacing-5:  1.25rem;
  --spacing-6:  1.5rem;
  --spacing-8:  2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;

  /* Promienie */
  --radius-sm:   3px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-xl:   14px;
  --radius-full: 9999px;

  /* Cienie */
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:    0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg:    0 8px 24px rgba(0,0,0,0.12);
  --shadow-glow:  0 0 0 3px rgba(255,69,0,0.15);
  --shadow-cta:   0 4px 12px rgba(255,69,0,0.35);

  /* Przejścia */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow:   0.4s ease;

  /* Z-index */
  --z-sticky: 100;
  --z-modal:  200;
  --z-toast:  300;
}

/* iGaming specyficzne */
:root {
  --color-rtp: #00c853;
  --color-rtp-low: #ff6d00;
  --color-win: #ffd600;
  --color-bonus: #FF4500;
  --color-hot: #ff1744;
  --color-new: #00b0ff;
  --color-verified: #00c853;
  --color-exclusive: #FF4500;
  --gradient-hero: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #FFF0E6 100%);
  --gradient-cta: linear-gradient(135deg, #FF4500, #FF6B35);
  --gradient-card: linear-gradient(135deg, #FFFFFF, #FFF8F5);
  --gradient-bonus: linear-gradient(135deg, #FFF0E6, #FFFFFF);
  --gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.8) 100%);
  --gradient-wheel: conic-gradient(#FF4500, #FFD700, #1E90FF, #9B59B6, #00C853, #FF4500);

  /* Animacje */
  --animation-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --animation-glow: glow 1.5s ease-in-out infinite alternate;
  --animation-float: float 3s ease-in-out infinite;
  --animation-spin: spin 20s linear infinite;

  /* Tap-targety */
  --tap-target-min: 48px;

  /* Z-index */
  --z-sticky-cta: 100;
  --z-header: 200;
  --z-modal: 300;
  --z-toast: 400;
}

/* Keyframes */
@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.9; }
}

@keyframes glow {
  from { box-shadow: 0 0 5px rgba(255,69,0,0.3); }
  to { box-shadow: 0 0 20px rgba(255,69,0,0.6); }
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}