/* ЖЕЛЕЗНО — Design tokens (Вариант 2 «Уверенный без пафоса»)
   Только :root-токены, портированы из app webview/assets/design-system.css.
   Намеренно БЕЗ `* { margin:0 }` и layout-классов — чтобы не ломать Bootstrap/MudGrid
   (см. CONTRACT §6). Палитра — источник истины по цвету. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --z-brand-blue:#0068D9; --z-brand-black:#2C2C2C; --z-brand-white:#FFFFFF; --z-brand-cream:#DDCAC2; --z-brand-lime:#CDFE02;
  --blue-800:#0042A0; --blue-700:#0052B0; --blue-600:#0068D9; --blue-500:#2680EB; --blue-300:#8FC0F5; --blue-100:#E5F2FF;
  --cream-400:#DDCAC2; --cream-200:#EFE6E1; --cream-100:#F6F1EF;
  --ink-900:#2C2C2C; --ink-700:#4A4A4A; --ink-500:#64748B; --ink-300:#94A3B8; --ink-100:#E8EBF0;

  --z-primary:var(--blue-600); --z-primary-dark:var(--blue-700); --z-primary-light:var(--blue-100);
  --z-accent:var(--cream-400); --z-accent-soft:var(--cream-200);
  --z-bg:#F2F6FB; --z-surface:#FFFFFF; --z-surface-2:#F7FAFE;
  --z-t1:var(--ink-900); --z-t2:var(--ink-500); --z-t3:var(--ink-300);
  --z-border:#DCE7F4; --z-border-soft:#ECF2FA;
  --z-success:#10B981; --z-success-bg:#ECFDF5; --z-warning:#F59E0B; --z-warning-bg:#FFFBEB;
  --z-error:#EF4444; --z-error-bg:#FEF2F2; --z-info:#3B82F6; --z-info-bg:#EFF6FF;
  --z-primary-border:#CBE2FB; --z-info-text:#1D4ED8;
  --z-warning-border:#FDE68A; --z-warning-text:#92400E; --z-error-border:#FBD5D5; --z-error-text:#991B1B; --z-success-border:#A7F3D0; --z-success-text:#065F46;
  --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:26px; --r-2xl:34px; --r-full:9999px;
  /* Высоты шелла — одна точка правды: аппбар (.z-appbar + фикс-высота визарда/формы) и
     нижняя нав (резерв контента .z-content + смещение тоста профиля). */
  --appbar-h:4rem; --bottomnav-h:88px;
  --shadow-card:0 2px 8px rgba(0,82,176,.06),0 1px 2px rgba(44,44,44,.04);
  --shadow-lift:0 14px 40px rgba(0,66,160,.16),0 4px 12px rgba(44,44,44,.06);
}