:root {
  /* font */
  --font-c-title: #0a0a0a;
  --font-c-subtitle: #565656;
  --font-c-stroke-field: #bfbfbf;
  --font-c-empty: #a0a0a0;
  --font-c-body: #555;

  /* status */
  --c-disable: #ececec;
  --c-red-error: #eb5757;

  /* palette */
  --c-soft-green: #f1f9ef;
  --c-soft-purple: #f1edff;
  --c-soft-blue: #eefafe;
  --c-soft-orange: #fff2d1;
  --c-soft-red: #ffd7d2;

  --c-primary-green-1: #27b199;
  --c-primary-green-bg: #e4f8f4;
  --c-primary-highlight: #d1ece5;

  --c-gray: #fafafa;
  --c-neutral: #ffffff;
  --c-neutral-40: #b6b6b6;
  --c-blue: #007bff;

  --c-notif-error: #ef4c00;

  --c-label-positive: #288c7a;
  --c-label-progress: #56ccf2;
  --c-label-negative: #eb5757;

  --c-primary: var(--c-primary-green-1);
  --c-primary-text: #0a0a0a;

  --c-box-shadow: 0 8px 24px 0 rgba(10, 10, 10, 0.1);
}