/* Сервис записи — вариант 01 «Светлый деловой».
   Дизайн-токены для variant-1-design-system.md. */
:root {
  --v1-bg: #f5f7fa;
  --v1-surface: #ffffff;
  --v1-surface-muted: #f8fafd;
  --v1-nav-bg: #f8fafd;
  --v1-text: #17243b;
  --v1-text-muted: #637086;
  --v1-border: #dfe6ef;
  --v1-border-hover: #becbe0;
  --v1-primary: #3267e3;
  --v1-primary-hover: #2858cc;
  --v1-primary-active: #214bb1;
  --v1-primary-soft: #eaf1ff;
  --v1-primary-border: #b7cbff;
  --v1-success: #16794a;
  --v1-success-soft: #e7f6ef;
  --v1-purple: #6e5bc7;
  --v1-purple-soft: #f0edff;
  --v1-warning: #945a08;
  --v1-warning-soft: #fff4dd;
  --v1-danger: #b42335;
  --v1-danger-soft: #fdecef;
  --v1-disabled-bg: #e8edf4;
  --v1-disabled-text: #68768b;
  --v1-row-hover: #f5f8ff;

  --v1-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --v1-font-caption: 0.75rem;
  --v1-font-body: 0.875rem;
  --v1-font-input: 0.875rem;
  --v1-font-control: 0.875rem;
  --v1-font-section: 1.125rem;
  --v1-font-title: 1.75rem;
  --v1-font-kpi: 1.75rem;
  --v1-weight-regular: 400;
  --v1-weight-medium: 500;
  --v1-weight-semibold: 600;
  --v1-weight-bold: 700;
  --v1-leading-body: 1.5;
  --v1-leading-heading: 1.2;

  --v1-space-1: 4px;
  --v1-space-2: 8px;
  --v1-space-3: 12px;
  --v1-space-4: 16px;
  --v1-space-6: 24px;
  --v1-space-8: 32px;
  --v1-space-10: 40px;
  --v1-space-12: 48px;

  --v1-radius-control: 8px;
  --v1-radius-card: 12px;
  --v1-radius-dialog: 12px;
  --v1-radius-badge: 999px;
  --v1-border-width: 1px;
  --v1-shadow-card: 0 2px 8px rgb(23 36 59 / 4%);
  --v1-shadow-popover: 0 8px 24px rgb(23 36 59 / 10%);
  --v1-focus-ring: 0 0 0 3px rgb(50 103 227 / 18%);

  --v1-sidebar-width: 216px;
  --v1-sidebar-collapsed-width: 72px;
  --v1-header-min-height: 64px;
  --v1-bottom-nav-min-height: 64px;
  --v1-control-min-height: 40px;
  --v1-icon-size: 20px;
  --v1-content-padding: 24px;
  --v1-card-padding: 24px;
  --v1-client-max-width: 1200px;
  --v1-details-width: 340px;
  --v1-dialog-max-width: 560px;
  --v1-safe-bottom: env(safe-area-inset-bottom, 0px);

  --v1-duration-fast: 140ms;
  --v1-duration-panel: 200ms;
  --v1-easing: ease-out;
  --v1-z-sticky: 10;
  --v1-z-navigation: 20;
  --v1-z-overlay: 40;
  --v1-z-dialog: 50;
  --v1-z-toast: 60;
}

@media (max-width: 767px) {
  :root {
    --v1-font-caption: 0.8125rem;
    --v1-font-body: 1rem;
    --v1-font-input: 1rem;
    --v1-font-title: 1.5rem;
    --v1-font-kpi: 1.5rem;
    --v1-header-min-height: 56px;
    --v1-control-min-height: 44px;
    --v1-content-padding: 16px;
    --v1-card-padding: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --v1-duration-fast: 0ms;
    --v1-duration-panel: 0ms;
  }
}