:root {
  --color-primary: #20A6F4;
  --color-primary-600: #69C0F4;
  --color-primary-200: #92d0f4;
  --color-primary-light: #EFF7FE;
  --color-secondary: #0D4566;
  --color-secondary-800: #10537A;
  --color-secondary-600: #125F8C;
  --color-secondary-400: #1570A6;
  --color-secondary-300: #1982BF;
  --color-secondary-200: #1B8ED1;
  --color-secondary-light: #1D97DE;
  --color-danger: #ED5B4C;
  --color-danger-400: #F9807A;
  --color-danger-200: #F9B0AC;
  --color-danger-light: #FFDBD9;
  --color-success: #50C93A;
  --color-success-400: #98F059;
  --color-success-200: #B5F28A;
  --color-success-light: #DBF5C9;
  --color-warning: #FF954D;
  --color-warning-400: #F9AE7A;
  --color-warning-200: #F7CBAD;
  --color-warning-light: #FFE8D9;
  --color-brightness: #E3E32D;
  --color-brightness-400: #EFEC81;
  --color-brightness-200: #F4F2B5;
  --color-brightness-light: #F7F6DC;
  --color-gray-900: #1a1a1a;
  --color-gray-800: #333333;
  --color-gray-700: #4d4d4d;
  --color-gray-600: #666666;
  --color-gray-500: #808080;
  --color-gray-400: #999999;
  --color-gray-300: #b2b2b2;
  --color-gray-200: #cccccc;
  --color-gray-100: #e5e5e5;
  --color-gray-light: #EDEDED;
  --color-white: #fff;
  --color-black: #000000;
  --color-shadow-primary: 0 4px 8px 0 rgba(43, 43, 43, 0.06);
  --color-shadow-secondary: 0 6px 12px 0 rgba(0, 47, 70, 0.06);
}