/* Qodis design tokens v1 (27.10). ТОЛЬКО переменные: ничего на сайте не перекрашивает, пока блок сам не обратится к var(--qd-...).
   Шаг сетки 4px. Бренд-шкала построена от #04A4B4 (500) и #02575F (800, наш hover). Тени и шкала размеров — по Untitled UI (MIT). */
:root {
  /* цвет: бренд */
  --qd-brand-50: #F0FAFA; --qd-brand-100: #DCF2F4; --qd-brand-200: #B9E6EA; --qd-brand-300: #8ED6DD; --qd-brand-400: #4FBFCA;
  --qd-brand-500: #04A4B4; --qd-brand-600: #037F8B; --qd-brand-700: #036E78; --qd-brand-800: #02575F; --qd-brand-900: #013F45;
  /* цвет: текст (значения как на сайте сейчас) */
  --qd-text-primary: #161A1D; --qd-text-secondary: #505A62; --qd-text-tertiary: #7A8086; --qd-text-quaternary: #94999E;
  --qd-text-brand: var(--qd-brand-600); --qd-text-brand-hover: var(--qd-brand-800); --qd-text-on-brand: #FFFFFF;
  /* цвет: фоны и рамки */
  --qd-bg-primary: #FFFFFF; --qd-bg-secondary: #F8F8F8; --qd-bg-tertiary: #F5F5F5; --qd-bg-dark: #23282C;
  --qd-border-secondary: rgba(0,0,0,.07); --qd-border-primary: rgba(0,0,0,.14); --qd-border-hover: rgba(0,0,0,.20);
  /* цвет: статусы (новые, пока нигде не используются) */
  --qd-success-50: #ECFDF3; --qd-success-600: #079455; --qd-warning-50: #FFFAEB; --qd-warning-600: #DC6803; --qd-error-50: #FEF3F2; --qd-error-600: #D92D20;
  /* шрифт */
  --qd-font: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --qd-text-xs: 12px; --qd-lh-xs: 18px; --qd-text-sm: 14px; --qd-lh-sm: 20px; --qd-text-md: 16px; --qd-lh-md: 24px;
  --qd-text-lg: 18px; --qd-lh-lg: 28px; --qd-text-xl: 20px; --qd-lh-xl: 30px;
  /* отступы (шаг 4) */
  --qd-space-1: 4px; --qd-space-2: 8px; --qd-space-3: 12px; --qd-space-4: 16px; --qd-space-6: 24px; --qd-space-8: 32px; --qd-space-12: 48px; --qd-space-16: 64px;
  /* радиусы */
  --qd-radius-control: 8px; --qd-radius-card: 12px; --qd-radius-modal: 16px; --qd-radius-pill: 1000px;
  /* высоты кнопок и полей */
  --qd-h-sm: 36px; --qd-h-md: 40px; --qd-h-lg: 44px; --qd-h-xl: 48px;
  /* тени */
  --qd-shadow-xs: 0 1px 2px rgba(0,0,0,.05);
  --qd-shadow-sm: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
  --qd-shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.06);
  --qd-shadow-lg: 0 12px 16px -4px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.03);
  /* состояния */
  --qd-focus-ring: 0 0 0 2px #fff, 0 0 0 4px var(--qd-brand-500);
  --qd-transition: .2s ease;
}

/* fields 27.10: поля ввода — то, что уже де-факто стоит в карточке (qd-ask, qd-ai) и в контактах */
:root {
  --qd-field-h: 44px; --qd-field-border: rgba(0,0,0,.15); --qd-field-border-hover: rgba(0,0,0,.28);
  --qd-text-placeholder: #6A7076; --qd-bg-disabled: #F5F5F5;
  --qd-focus-field: 0 0 0 3px rgba(4,164,180,.16);
  --qd-error: #C62828; --qd-error-ring: 0 0 0 3px rgba(198,40,40,.12); --qd-error-600: #C62828;
}

/* type 27.10: типографская шкала. Роли: caption 12/16 · meta 14/20 · body 16/24 · prose 16/26 (длинный текст) · lead 18/28 · h3 20/28 · h2 24/32 · h1 44/48. Ступеней 13, 15, 17, 19, 21, 22 в системе нет. */
:root {
  --qd-text-caption: 12px; --qd-lh-caption: 16px;
  --qd-text-meta: 14px; --qd-lh-meta: 20px;
  --qd-text-body: 16px; --qd-lh-body: 24px; --qd-lh-prose: 26px;
  --qd-text-lead: 18px; --qd-lh-lead: 28px;
  --qd-text-h3: 20px; --qd-lh-h3: 28px;
  --qd-text-h2: 24px; --qd-lh-h2: 32px;
  --qd-text-tertiary: #6A7076; /* на сайте третичный текст везде #6A7076, прежний токен #7A8086 нигде не использовался */
  --qd-brand-50: #E8F6F7; --qd-brand-100: #D3EDF0; /* тон плашек и иконок, уже используется по сайту */
}