/* ============================================
   GTA 6 Tricks — Design Tokens v1.0
   ============================================ */

:root {
  /* === COLORS - BRAND === */
  --g6t-color-pink-50: #FFF0F7;
  --g6t-color-pink-100: #FFE5F1;
  --g6t-color-pink-200: #FFC8E0;
  --g6t-color-pink-300: #FFA0C7;
  --g6t-color-pink-400: #FF5DA3;
  --g6t-color-pink-500: #FF1F8F;
  --g6t-color-pink-600: #E60E7A;
  --g6t-color-pink-700: #B80860;
  --g6t-color-pink-800: #8A0648;
  --g6t-color-pink-900: #5C0430;

  /* === COLORS - ACCENTS === */
  --g6t-color-teal-500: #00D4D8;
  --g6t-color-teal-600: #00B5B8;
  --g6t-color-gold-50: #FFF8E0;
  --g6t-color-gold-500: #FFB800;
  --g6t-color-gold-600: #E6A500;
  --g6t-color-purple-500: #8B5CF6;
  --g6t-color-rust-500: #C2410C;

  /* === COLORS - NEUTRAL === */
  --g6t-color-neutral-0: #FFFFFF;
  --g6t-color-neutral-50: #FAFAFB;
  --g6t-color-neutral-100: #F2F2F5;
  --g6t-color-neutral-200: #E5E5EC;
  --g6t-color-neutral-300: #D1D1D9;
  --g6t-color-neutral-400: #B5B5C0;
  --g6t-color-neutral-500: #6B6B7B;
  --g6t-color-neutral-600: #4A4A5A;
  --g6t-color-neutral-700: #2D2D3A;
  --g6t-color-neutral-800: #1A1A24;
  --g6t-color-neutral-900: #0A0A0F;

  /* === COLORS - SEMANTIC === */
  --g6t-color-success: #10B981;
  --g6t-color-success-bg: #ECFDF5;
  --g6t-color-warning: #F59E0B;
  --g6t-color-warning-bg: #FFFBEB;
  --g6t-color-danger: #EF4444;
  --g6t-color-danger-bg: #FEF2F2;
  --g6t-color-info: #3B82F6;
  --g6t-color-info-bg: #EFF6FF;

  /* === COLORS - CATEGORIES === */
  --g6t-color-gta6: #FF1F8F;
  --g6t-color-gtao: #8B5CF6;
  --g6t-color-rdr2: #C2410C;
  --g6t-color-news: #1A1A24;
  --g6t-color-guides: #00D4D8;
  --g6t-color-cheats: #FFB800;
  --g6t-color-deals: #EF4444;
  --g6t-color-rumors: #F59E0B;

  /* === SPACING === */
  --g6t-space-1: 4px;
  --g6t-space-2: 8px;
  --g6t-space-3: 12px;
  --g6t-space-4: 16px;
  --g6t-space-5: 20px;
  --g6t-space-6: 24px;
  --g6t-space-7: 32px;
  --g6t-space-8: 40px;
  --g6t-space-9: 48px;
  --g6t-space-10: 64px;
  --g6t-space-11: 80px;
  --g6t-space-12: 96px;

  /* === RADIUS === */
  --g6t-radius-sm: 6px;
  --g6t-radius-md: 8px;
  --g6t-radius-lg: 12px;
  --g6t-radius-xl: 16px;
  --g6t-radius-full: 9999px;

  /* === SHADOWS === */
  --g6t-shadow-1: 0 1px 2px rgba(10,10,15,0.05);
  --g6t-shadow-2: 0 2px 8px rgba(10,10,15,0.06);
  --g6t-shadow-3: 0 4px 16px rgba(10,10,15,0.08);
  --g6t-shadow-4: 0 8px 24px rgba(10,10,15,0.12);
  --g6t-shadow-brand: 0 4px 16px rgba(255,31,143,0.25);
  --g6t-shadow-brand-lg: 0 8px 24px rgba(255,31,143,0.35);

  /* === TYPOGRAPHY === */
  --g6t-font-display: 'Space Grotesk', system-ui, sans-serif;
  --g6t-font-body: Inter, system-ui, -apple-system, sans-serif;
  --g6t-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --g6t-text-display-2xl: clamp(2.5rem, 4vw, 4rem);
  --g6t-text-display-xl: clamp(2rem, 3.5vw, 3.5rem);
  --g6t-text-h1: clamp(1.75rem, 3vw, 2.5rem);
  --g6t-text-h2: clamp(1.5rem, 2.5vw, 2rem);
  --g6t-text-h3: clamp(1.25rem, 2vw, 1.5rem);
  --g6t-text-h4: 1.25rem;
  --g6t-text-body-lg: 1.125rem;
  --g6t-text-body: 1rem;
  --g6t-text-body-sm: 0.875rem;
  --g6t-text-caption: 0.8125rem;

  /* === LAYOUT === */
  --g6t-container-max: 1280px;
  --g6t-container-text: 720px;
  --g6t-sidebar-width: 320px;
  --g6t-header-height: 56px;

  /* === TRANSITIONS === */
  --g6t-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --g6t-dur-base: 200ms;
  --g6t-dur-slow: 300ms;
}

/* ============================================
   DARK MODE
   ============================================ */
[data-theme="dark"] {
  --g6t-color-neutral-0: #0A0A0F;
  --g6t-color-neutral-50: #1A1A24;
  --g6t-color-neutral-100: #2D2D3A;
  --g6t-color-neutral-200: #4A4A5A;
  --g6t-color-neutral-800: #E5E5EC;
  --g6t-color-neutral-900: #FAFAFB;
}

/* ============================================
   REDUCED MOTION
   ============================================ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}