:root {
  --color-dark-green: #09332f;
  --color-teal: #1a8f84;
  --color-light-black: #222;
  --color-tg-blue: #0088cc;
  --color-viber-purple: #7360f2;
  --color-dark-green-hover: #3a5c59;
  --color-tg-hover: #33a0d6;
  --color-viber-hover: #8f80f5;
  --color-white: #ffffff;
  --color-gray-50: #f9fafb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --header-h: 92px;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3.5rem;
  --space-3xl: 6.125rem;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --radius: 20px;
  --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);
}