:root {
  --gray-50: #F9FAFB;
  --gray-100: #F2F4F7;
  --gray-200: #EAECF0;
  --gray-300: #D0D5DD;
  --gray-400: #98A2B3;
  --gray-500: #667085;
  --gray-600: #344054;
  --gray-700: #101828;

  --primary-50: #EBF1F7;
  --primary-100: #D6E3EF;
  --primary-200: #A8C4DD;
  --primary-300: #75A2CA;
  --primary-400: #3B7AB3;
  --primary-500: #00529C;
  --primary-600: #00427D;
  --primary-700: #00305A;

  --secondary-50: #FFFEE6;
  --secondary-100: #FFFCC7;
  --secondary-200: #FFFA8D;
  --secondary-300: #FFF755;
  --secondary-400: #FFF420;
  --secondary-500: #FFF301;
  --secondary-600: #B3AA01;

  --error-50: #FFFBFA;
  --error-100: #FEF3F2;
  --error-200: #FECDCA;
  --error-300: #FDA29B;
  --error-400: #F97066;
  --error-500: #D92D20;
  --error-600: #912018;

  --warning-50: #FFFCF5;
  --warning-100: #FFFAEB;
  --warning-200: #FEDF89;
  --warning-300: #FEC84B;
  --warning-400: #FDB022;
  --warning-500: #DC6803;
  --warning-600: #93370D;

  --success-50: #F6FEF9;
  --success-100: #ECFDF3;
  --success-200: #A6F4C5;
  --success-300: #6CE9A6;
  --success-400: #32D583;
  --success-500: #039855;
  --success-600: #05603A;

  --twine-text: #A8C4DD;
  --twine-border: #A8C4DD;
  --twine-bg: #00427D;
  --twine-bgHover: #00305A;
}