:root {
  --color-primary-100: #CED7E4;
  --color-primary-200: #8894A5;
  --color-primary-300: #727F8F;
  --color-primary-400: #495667;
  --color-primary-500: #1C304B;
  --color-primary-600: #030C18;
  --color-primary-700: #000306;

  --color-accent-100: #FFD3D3;
  --color-accent-200: #FDA8A8;
  --color-accent-300: #F38787;
  --color-accent-400: #ED4F4F;
  --color-accent-500: #DA291C;
  --color-accent-600: #BF0D3E;
  --color-accent-700: #782F40;

  --color-action-100: #CCF2FF;
  --color-action-200: #99E6FF;
  --color-action-300: #33CDFF;
  --color-action-400: #009ACC;
  --color-action-500: #107B9E;
  --color-action-600: #0E6987;
  --color-action-700: #004D66;

}