/* Design tokens — дослівно з ARCHITECTURE.md («Design tokens (з макетів)»).
   Жоден екран не заводить власний колір і власний радіус: якщо потрібного
   значення тут немає, спершу дивимось макет, а не вигадуємо. */

:root {
  /* поверхні */
  --bg: #FFFFFF;
  --surface: #F9FAFB;
  --border: #E5E7EB;

  /* текст */
  --text: #111827;
  --text-muted: #6B7280;

  /* фірмовий зелений */
  --primary: #15803D;
  --primary-hover: #166534;
  --accent: #16A34A;
  --primary-bg: #DCFCE7;
  --primary-bg-soft: #F0FDF4;

  /* статуси */
  --warning: #D97706;
  --warning-bg: #FEF3C7;
  --danger: #DC2626;
  --danger-bg: #FEE2E2;
  --info: #2563EB;
  --info-bg: #EFF6FF;
  --neutral-badge: #6B7280;
  --neutral-badge-bg: #F3F4F6;

  --sidebar-dark: #0B2416;

  /* радіуси */
  --radius-card: 16px;
  --radius-input: 12px;
  --radius-chip: 9999px;
  --radius-thumb: 12px;

  /* типографіка */
  --font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --size-h1: 24px;
  --size-h2: 20px;
  --size-section: 17px;
  --size-body: 15px;
  --size-caption: 13px;
  --size-badge: 12px;

  /* відступи: база 4 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-screen: 16px;
  --space-card: 16px;
  --space-section: 24px;

  /* розміри дотику: мінімум 44, у полі — брудні руки, тому більше */
  --h-button: 52px;
  --h-input: 48px;
  --h-chip: 36px;
  --h-nav: 64px;
}