:root {
  --gray-50: #F9F9F9;
  --gray-100: #F0F0F0;
  --gray-200: #E0E0E0;
  --gray-300: #B0B0B0;
  --gray-400: #4A4A4A;
  --gray-500: #2A2A2A;
  --gray-600: #000000;
  --gray-700: #000000;

  --primary-50: #FAF8F5;
  --primary-100: #F3EFE9;
  --primary-200: #EDE8DC;
  --primary-300: #E7E1D7;
  --primary-400: #D4C9B7;
  --primary-500: #B8A88E;
  --primary-600: #8E7D62;
  --primary-700: #6B5F4A;

  --secondary-50: #F9F9F9;
  --secondary-100: #F0F0F0;
  --secondary-200: #E0E0E0;
  --secondary-300: #B0B0B0;
  --secondary-400: #4A4A4A;
  --secondary-500: #2A2A2A;
  --secondary-600: #000000;

  --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: #6B5F4A;
  --twine-border: #E7E1D7;
  --twine-bg: #E7E1D7;
  --twine-bgHover: #D4C9B7;
}