/**
 * Afisha v2 - Design Tokens
 * Inherits from design-system/tokens.css
 */

@import url('../design-system/tokens.css');

:root {
  /* Button */
  --button-height: 44px;

  /* Z-index (override DS for afisha sticky elements) */
  --z-sticky: 100;

  /* Card */
  --afisha-card-radius: var(--border-radius-lg);
  --afisha-card-shadow: var(--shadow-sm);
  --afisha-card-shadow-hover: var(--shadow-md);

  /* Hero */
  --afisha-hero-overlay: linear-gradient(180deg, transparent 30%, rgba(0,0,0,0.6) 100%);
  --afisha-hero-max-height: 480px;

  /* Badges */
  --afisha-badge-upcoming: var(--color-primary);
  --afisha-badge-ended: var(--text-muted);
  --afisha-badge-canceled: var(--color-error);

  /* Info cards */
  --afisha-info-card-bg: var(--bg-secondary);
  --afisha-info-card-border: var(--border-color);
  --afisha-info-card-icon-size: 20px;

  /* Sticky CTA */
  --afisha-sticky-height: 64px;
  --afisha-sticky-bg: var(--bg-primary);
  --afisha-sticky-shadow: 0 -2px 10px rgba(0,0,0,0.15);

  /* Grid */
  --afisha-grid-gap: var(--space-lg);
  --afisha-card-min-width: 280px;

  /* CTA secondary hover */
  --afisha-cta-secondary-hover-bg: rgba(232, 197, 71, 0.1);

  /* Countdown */
  --afisha-countdown-bg: var(--bg-tertiary);
  --afisha-countdown-text: var(--text-primary);
}