:root {
  /* Цвета Telegram light theme */
  --tg-bg: #ffffff;
  --tg-section: #f7f8f9;
  --tg-text: #000000;
  --tg-hint: #999999;
  --tg-link: #3390ec;
  --tg-button: #3390ec;
  --tg-button-text: #ffffff;

  /* Spacing (Apple HIG) */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Радиусы */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  /* Тени */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);

  /* Типографика (iOS style) */
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
    "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;

  --text-title: 20px;
  --text-body: 17px;
  --text-subhead: 15px;
  --text-footnote: 13px;
  --text-caption: 12px;

  /* Tap targets */
  --tap-min: 44px;

  /* Safe area helpers */
  --safe-top: env(safe-area-inset-top);
  --safe-bottom: env(safe-area-inset-bottom);
  --safe-left: env(safe-area-inset-left);
  --safe-right: env(safe-area-inset-right);
}

@media (prefers-color-scheme: dark) {
  :root {
    --tg-bg: #0f0f0f;
    --tg-section: #1c1c1d;
    --tg-text: #ffffff;
    --tg-hint: #6d6d72;
  }
}