@tailwind base;
@tailwind components;
@tailwind utilities;

.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

:root {
  /* Hiddify Colors */
  --primary: #2fbea5;
  --primary-dark: #005048;
  --primary-light: #7df8dd;

  --bg-app: #191f23;
  --bg-card: #263238;
  --bg-elevated: #37474f;

  --text-primary: #e1e2e6;
  --text-white: #ffffff;

  --border: #37474f;
  --outline: #4caf50;

  --success: #44a334;
  --idle: #4a4d8b;
  --error: #f44336;
}

body {
  background: var(--bg-app);
  color: var(--text-primary);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Бегущая строка */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-marquee {
  animation: marquee 20s linear infinite;
}

/* Safe area для iOS (нижняя полоска) */
.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}