/* Цвета Fly.tj + тема Telegram (--tg-theme-* выставляет telegram-web-app.js).
   Вне Telegram используются запасные значения --fa-*. */
:root,
:root[data-theme="light"] {
  --fa-bg: #F1F4F9;
  --fa-card: #FFFFFF;
  --fa-text: #0F172A;
  --fa-hint: #64748B;
  --line: rgba(15, 23, 42, .08);
  --shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 20px rgba(15, 23, 42, .06);
  --brand-ink: #1565FF;
  --page-bg: #E3E8F0;
}
:root[data-theme="dark"] {
  --fa-bg: #0F1115;
  --fa-card: #1A1D24;
  --fa-text: #F3F4F6;
  --fa-hint: #9CA3AF;
  --line: rgba(255, 255, 255, .09);
  --shadow: none;
  --brand-ink: #6BA4FF;
  --page-bg: #07080B;
}

:root {
  --bg: var(--tg-theme-secondary-bg-color, var(--fa-bg));
  --card: var(--tg-theme-section-bg-color, var(--tg-theme-bg-color, var(--fa-card)));
  --text: var(--tg-theme-text-color, var(--fa-text));
  --hint: var(--tg-theme-hint-color, var(--fa-hint));

  /* Фирменные цвета Fly.tj (как в flytj-miniapp) */
  --brand: #1565FF;
  --brand-hover: #0F52D6;
  --brand-soft: rgba(21, 101, 255, .12);
  --brand-grad: linear-gradient(135deg, #1565FF 0%, #3B8BFF 60%, #6BB0FF 100%);

  --green: #16A34A;
  --green-soft: rgba(22, 163, 74, .12);
  --orange: #EA580C;
  --orange-soft: rgba(234, 88, 12, .12);
  --red: #DC2626;
  --red-soft: rgba(220, 38, 38, .12);

  --radius: 16px;
  --radius-sm: 12px;
  --tap: 44px;
  --tabbar-h: 64px;
  --app-w: 480px; /* ширина колонки приложения на больших экранах */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  color-scheme: light dark;
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }