:root {
  /* Colors - MAXGROUP BRANDBOOK */
  /* Primary: Emerald Green */
  --primary: #10b981;
  --primary-dark: #059669;
  --primary-light: #34d399;
  --primary-glow: rgba(16, 185, 129, 0.4);
  
  /* Accent: Gold (заменяет фиолетовый) */
  --gold: #f59e0b;
  --gold-dark: #d97706;
  --gold-light: #fbbf24;
  --gold-glow: rgba(245, 158, 11, 0.4);
  
  /* Secondary для премиум элементов */
  --purple: #8b5cf6;
  --purple-dark: #7c3aed;
  --purple-glow: rgba(139, 92, 246, 0.4);
  
  /* Dark background - по брендбуку */
  --dark: #0d1117;
  --darker: #010409;
  --card: rgba(255, 255, 255, 0.03);
  --card-border: rgba(255, 255, 255, 0.08);
  --card-hover: rgba(255, 255, 255, 0.06);
  
  --text: #ffffff;
  --text-secondary: #8b949e;
  --text-muted: #6e7681;
  
  --danger: #f85149;
  --success: #3fb950;
  
  /* Spacing */
  --section-padding: clamp(48px, 8vw, 80px);
  --container-padding: clamp(16px, 4vw, 64px);
  
  /* Safe Area Insets (iPhone X+, Android с вырезами) */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  
  /* Typography */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  
  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.6);
  --shadow-glow-primary: 0 0 40px var(--primary-glow);
  --shadow-glow-gold: 0 0 40px var(--gold-glow);
  --shadow-glow-purple: 0 0 40px var(--purple-glow);
  
  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-family: var(--font);
  background: var(--darker);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Поддержка safe area для iOS */
  padding-top: var(--safe-top);
  padding-bottom: var(--safe-bottom);
  padding-left: var(--safe-left);
  padding-right: var(--safe-right);
}

a {
  color: inherit;
  text-decoration: none;
  /* Улучшенная область клика для touch */
  -webkit-tap-highlight-color: transparent;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  -webkit-tap-highlight-color: transparent;
  /* Минимальный размер для touch - 44px */
  min-height: 44px;
}

img {
  max-width: 100%;
  height: auto;
  /* Предотвращение мерцания на iOS */
  -webkit-transform: translateZ(0);
}

/* Улучшенная поддержка touch устройств */
@media (hover: none) and (pointer: coarse) {
  /* Touch устройства - убираем hover эффекты где они мешают */
  a:active,
  button:active {
    opacity: 0.7;
  }
}

/* Поддержка reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}