/* =========================================
  PRIMITIVE TOKENS
========================================= */

:root {
  /* ========= PRIMARY ========= */
  --color-primary-50: #F8FCFF;
  --color-primary-100: #E4F3FE;
  --color-primary-200: #C7E7FC;
  --color-primary-300: #A8DBFB;
  --color-primary-400: #86CFF9;
  --color-primary-500: #5BC3F7;
  --color-primary-600: #1D9BCC;
  --color-primary-700: #0074A3;
  --color-primary-800: #00507C;
  --color-primary-900: #002E57;
  --color-primary-950: #001136;

  /* ========= NEUTRAL ========= */
  --color-neutral-50: #F8FCFF;
  --color-neutral-100: #E3F3FF;
  --color-neutral-200: #C4E7FF;
  --color-neutral-300: #B5D9F0;
  --color-neutral-400: #A6CBE1;
  --color-neutral-500: #97BCD1;
  --color-neutral-600: #7095A8;
  --color-neutral-700: #4F7084;
  --color-neutral-800: #384E60;
  --color-neutral-900: #222F3C;
  --color-neutral-950: #080B11;

  /* ========= DANGER ========= */
  --color-danger-50: #FFF5F5;
  --color-danger-100: #FFD6D6;
  --color-danger-200: #FFA9A9;
  --color-danger-300: #FF7D7D;
  --color-danger-400: #FF4F4F;
  --color-danger-500: #FF1F1F;
  --color-danger-600: #CC1919;
  --color-danger-700: #991313;
  --color-danger-800: #660D0D;
  --color-danger-900: #330606;
  --color-danger-950: #1A0303;

  /* ========= SUCCESS ========= */
  --color-success-50: #F3FAF5;
  --color-success-100: #D3F1DD;
  --color-success-200: #A9E3C1;
  --color-success-300: #7DD6A5;
  --color-success-400: #4FC98A;
  --color-success-500: #1FBB70;
  --color-success-600: #179A5D;
  --color-success-700: #117A4A;
  --color-success-800: #0B5A37;
  --color-success-900: #063A24;
  --color-success-950: #031D12;

  /* ========= WARNING ========= */
  --color-warning-50: #FFFBF3;
  --color-warning-100: #FFF3D3;
  --color-warning-200: #FFE5A9;
  --color-warning-300: #FFD67D;
  --color-warning-400: #FFC94F;
  --color-warning-500: #FFBB1F;
  --color-warning-600: #CC9617;
  --color-warning-700: #997111;
  --color-warning-800: #664C0B;
  --color-warning-900: #332605;
  --color-warning-950: #1A1302;
}