/* === Базовые стили (переменные, сброс, body) === */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --orange: #FF6600;
  --orange-dark: #E05500;
  --black: #121212;
  --gray-500: #666;
  --gray-300: #AAA;
  --gray-100: #F2F2F2;
  --gray-50: #F8F8F8;
  --white: #FFF;
  --border: #E8E8E8;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --radius-card: 8px;
  --radius-btn: 4px;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-weight: var(--font-weight-regular);
  font-family: var(--font);
  background: var(--gray-100);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100dvh;
  color: var(--black);
  -webkit-font-smoothing: antialiased;
}

body.login-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100dvh;
  padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
  margin: 0;
  background: var(--gray-100);
}