: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: #D5D9EB;
  --primary-100: #B9C0DE;
  --primary-200: #7482BD;
  --primary-300: #5162AC;
  --primary-400: #2E439C;
  --primary-500: #1F2D68;
  --primary-600: #0F1634;

  --secondary-50: #FFF4DC;
  --secondary-100: #FFEDC4;
  --secondary-200: #FFDC89;
  --secondary-300: #FFD36C;
  --secondary-400: #FFCA4E;
  --secondary-500: #AA8734;
  --secondary-600: #55431A;

  --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: #F1BFC9;
  --twine-border: #F1BFC9;
  --twine-bg: #1D2953;
  --twine-bgHover: #0F1634;
}