:root {
  /* Colours (Figma canvas 0:1) */
  --color-text: #2e2e2e;
  --color-neutral-900: #373737;
  --color-neutral-700: #505050;
  --color-neutral-500: #787878;
  --color-neutral-400: #a2a2a2;
  --color-neutral-200: #e2e2e2;
  --color-neutral-100: #eeeeee;
  --color-bg: #ffffff;
  --color-surface: #eeeeee;      /* карточки и сайдбар */
  --color-input-bg: #e2e2e2;     /* поля ввода */
  --color-border: #a2a2a2;       /* границы карточек и полей */
  --color-brand-yellow: #ffe100;
  --color-brand-green: #467000;
  --color-success: #467000;
  --color-success-disabled: #a1ae8b;
  --color-warning: #ff8920;
  --color-error: #ff2125;
  --color-error-disabled: #ff8688;
  --color-info: #0055a4;
  --color-info-text: #1c558b;
  --color-btn-primary: #6f8d2d;
  --color-btn-primary-hover: #5a7723;
  --color-btn-primary-focus: #5a7723;
  --color-btn-primary-disabled: #cedbb2;
  --color-btn-danger: #ff433e;
  --color-btn-danger-hover: #ec2f2a;
  --color-btn-danger-focus: #ec2f2a;
  --color-btn-danger-disabled: #ffa19f;
  --color-btn-secondary-border: #dde3e3;
  --color-btn-secondary-hover: #f2f5f5;
  --color-btn-secondary-text: #002222;
  --color-btn-muted: #a6a2a2;
  --color-btn-secondary-focus: #5d7925;
  --color-header-btn: #505050;

  --font-ui: "Nunito Sans", sans-serif;
  --font-button: "Noto Sans", "Nunito Sans", sans-serif;

  /* БП 375 */
  --text-title-size: 28px;
  --text-title-tracking: -0.6px;
  --text-section-size: 16px;
  --text-body-size: 16px;
  --text-desc-size: 14px;
  --text-menu-size: 14px;
  --text-sidebar-size: 16px;

  --space-page: 16px;
  --space-gutter: 20px;
  --space-card: 17px;
  --space-content-top: 40px;

  --radius-card: 10px;
  --radius-input: 6px;
  --radius-button: 6px;

  --header-height: 60px;
  --input-height: 50px;
  --checkbox-size: 20px;
  --sidebar-width: 260px;
  --anketa-data-label-width: 8.75rem;
}

/* БП 768 */
@media (min-width: 768px) {
  :root {
    --text-title-size: 30px;
    --text-title-tracking: -1px;
    --text-section-size: 18px;
    --text-body-size: 18px;
    --text-desc-size: 15px;
    --text-menu-size: 16px;
    --text-sidebar-size: 18px;
    --space-page: 20px;
    --space-card: 21px;
    --sidebar-width: 245px;
    --anketa-data-label-width: 10.5rem;
  }
}

/* БП 1440 (desktop от 1024) */
@media (min-width: 1024px) {
  :root {
    --text-title-size: 32px;
    --text-title-tracking: -1px;
    --text-section-size: 20px;
    --text-body-size: 20px;
    --text-desc-size: 17px;
    --text-menu-size: 18px;
    --text-sidebar-size: 20px;
    --space-page: 40px;
    --space-card: 20px;
    --sidebar-width: 25%;
    --color-btn-primary: #5a7723;
  }
}