/* Единственное место, где живут цвета и размеры.
   Всё берём из темы Telegram — приложение должно выглядеть родным и в светлой, и в тёмной. */
:root {
  --bg: var(--tg-theme-bg-color, #ffffff);
  --bg-secondary: var(--tg-theme-secondary-bg-color, #f2f2f7);
  --text: var(--tg-theme-text-color, #1c1c1e);
  --muted: var(--tg-theme-hint-color, #8e8e93);
  --link: var(--tg-theme-link-color, #2f6feb);
  --accent: var(--tg-theme-button-color, #2f6feb);
  --accent-text: var(--tg-theme-button-text-color, #ffffff);
  --danger: var(--tg-theme-destructive-text-color, #d1373a);
  --ok: #2e9e5b;
  --warn: #c98a12;

  --border: color-mix(in srgb, var(--muted) 28%, transparent);
  --radius: 14px;
  --radius-sm: 10px;
  --gap: 12px;
  --pad: 16px;

  /* Тап-цели: в сообществе есть пожилые люди и зимние перчатки. */
  --tap: 44px;
  --row: 56px;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --fs-base: 16px;   /* меньше 16px iOS зумит поля ввода */
  --fs-small: 13px;
  --fs-title: 20px;
}

/* Акцент приложения переопределяет только его собственный css. */
.app-library { --app-accent: #3f6ea8; }
.app-shop { --app-accent: #b3762a; }
.app-panel { --app-accent: #6b6f76; }