/* NCFactory UI kit, exported 2026-10-07. Values read from the supplied .fig.
   Component radii (12 / 21 / 6) take precedence over the general radius scale. */
@font-face {
  font-family: Onest;
  src: url('/ui-kit/fonts/Onest-Variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --nc-font: Onest, sans-serif;
  --nc-main: #1c1c1c;
  --nc-secondary: #78879d;
  --nc-stroke: #d1d8e1;
  --nc-white: #fff;
  --nc-primary-100: #6539eb;
  --nc-primary-200: #7446ff;
  --nc-primary-300: #c2aeff;
  --nc-primary-400: #d5c7ff;
  --nc-primary-500: #ded3ff;
  --nc-primary-600: #f0eaff;
  --nc-primary-700: rgb(116 70 255 / 6%);
  --nc-alert-100: #f03d3d;
  --nc-alert-200: #fc4242;
  --nc-alert-300: #feaeae;
  --nc-alert-400: #ffd9d9;
  --nc-yellow-100: #fdc830;
  --nc-yellow-200: #fee486;
  --nc-yellow-300: #ffedac;
  --nc-yellow-400: #fff8d8;
  --nc-green-100: #4fb85d;
  --nc-green-200: #6cc478;
  --nc-green-300: #cff0d2;
  --nc-green-400: #e2f6e4;
  --nc-grey-100: #bdc8d7;
  --nc-grey-200: #e8ebf2;
  --nc-grey-300: #f4f4f8;
  --nc-grey-400: rgb(0 0 0 / 2%);
  --nc-backdrop: rgb(120 135 157 / 28%);
  --nc-shadow-100: 0 2px 8px rgb(26 25 38 / 8%);
  --nc-shadow-200: 0 4px 16px rgb(26 25 38 / 10%);
  --nc-shadow-300: 0 4px 30px rgb(26 25 38 / 15%);
  --nc-shadow-400: 0 24px 120px rgb(26 25 38 / 15%);
  --nc-space-1: 4px;
  --nc-space-2: 8px;
  --nc-space-3: 12px;
  --nc-space-4: 16px;
  --nc-space-5: 20px;
  --nc-space-6: 24px;
  --nc-space-8: 32px;
  --nc-space-10: 40px;
  --nc-space-12: 48px;
  --nc-radius-1: 4px;
  --nc-radius-2: 8px;
  --nc-radius-3: 16px;
  --nc-radius-4: 24px;
  --nc-control-radius: 12px;
  --nc-modal-radius: 21px;
  --nc-checkbox-radius: 6px;
  --nc-field-gap: 6px;
  --nc-h3: 600 32px/1.2 var(--nc-font);
  --nc-h4: 600 24px/1.2 var(--nc-font);
  --nc-h5: 600 20px/1.2 var(--nc-font);
  --nc-h6: 600 18px/1.5 var(--nc-font);
  --nc-h7: 600 16px/1.5 var(--nc-font);
  --nc-h8: 600 14px/1.5 var(--nc-font);
  --nc-h9: 600 12px/1.5 var(--nc-font);
  --nc-s1: 500 16px/1.5 var(--nc-font);
  --nc-s2: 500 14px/1.5 var(--nc-font);
  --nc-body1: 400 14px/1.5 var(--nc-font);
  --nc-body2: 400 13px/1.5 var(--nc-font);
  --nc-body3: 400 12px/1.5 var(--nc-font);
  --nc-body4: 400 10px/1.5 var(--nc-font);
  --nc-button: 500 14px/1.2 var(--nc-font);
}