@import "common.css";

:root {
  --primary-1: #F0F9FF;
  --primary-2: #E0F2FF;
  --primary-3: #C7E4FF;
  --primary-4: #A3D1FF;
  --primary-5: #7DBAFF;
  --primary-6: #509BFB;
  --primary-7: #307AE8;
  --primary-8: #225EC3;
  --primary-9: #24478F;
  --primary-10: #23355C;
  --primary-11: #529BF9;
  --primary-12: #409eff;

  --semantic-success: #47D187;
  --semantic-success-light-bg: #EAFAF1;
  --semantic-success-light-border: #C1F0D7;
  --semantic-success-alpha-bg: rgba(71, 209, 135, .15);
  --semantic-warning: #FAB11E;
  --semantic-warning-light-bg: #FEF3DD;
  --semantic-warning-light-border: #FDE3B0;
  --semantic-warning-alpha-bg: rgba(250, 179, 30, .15);
  --semantic-danger: #EE2B2B;
  --semantic-danger-light-bg: #FDE2E2;
  --semantic-danger-light-border: #FBD0D0;
  --semantic-danger-alpha-bg: rgba(238, 43, 43, .15);
  --semantic-primary: var(--primary-6);
  --semantic-primary-light-bg: var(--primary-2);
  --semantic-primary-light-border: var(--primary-3);
  --semantic-primary-alpha-bg: rgba(80, 155, 251, .15);

  --assist-color-1: #C8BDFF;
  --assist-color-2: #53F9D1;
  --assist-color-3: #5DBBFD;
}