/* FilmSynk Design Tokens — extracted from iOS app */
:root {
  /* Brand */
  --color-primary: #007AFF;
  --color-primary-hover: #0066D6;
  --color-primary-light: rgba(0, 122, 255, 0.15);

  /* Swipe actions */
  --color-like: #34C759;
  --color-like-light: rgba(52, 199, 89, 0.1);
  --color-reject: #FF3B30;
  --color-reject-light: rgba(255, 59, 48, 0.1);
  --color-superlike: #007AFF;
  --color-superlike-light: rgba(0, 122, 255, 0.1);

  /* Match celebration */
  --gradient-match: linear-gradient(135deg, #FFD60A, #FF9500, #FF2D55);

  /* Near-match */
  --color-near-match: #FF9500;
  --color-near-match-light: rgba(255, 149, 0, 0.08);

  /* Surfaces — dark mode first */
  --color-bg: #000000;
  --color-surface: #1C1C1E;
  --color-surface-elevated: #2C2C2E;
  --color-surface-glass: rgba(255, 255, 255, 0.06);
  --color-border: rgba(255, 255, 255, 0.1);

  /* Text */
  --color-text: #FFFFFF;
  --color-text-secondary: rgba(255, 255, 255, 0.6);
  --color-text-tertiary: rgba(255, 255, 255, 0.3);

  /* Geometry */
  --radius-card: 20px;
  --radius-button: 12px;
  --radius-pill: 9999px;
  --radius-small: 8px;

  /* Shadows */
  --shadow-card: 0 5px 20px rgba(0, 0, 0, 0.3);
  --shadow-glow-yellow: 0 0 40px rgba(255, 214, 10, 0.3);

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* Typography */
  --font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', monospace;

  /* Card dimensions */
  --card-max-width: 400px;
  --card-max-height: 600px;

  /* Swipe physics */
  --swipe-threshold: 100px;
}