:root {
  --gray-50: #F9FAFB;
  --gray-100: #F3F4F6;
  --gray-200: #E5E7EB;
  --gray-300: #D1D5DB;
  --gray-400: #9CA3AF;
  --gray-500: #6B7280;
  --gray-600: #4B5563;
  --gray-700: #374151;

  --primary-50: #FDFCFB;
  --primary-100: #F7EEE8;
  --primary-200: #EFE0D5;
  --primary-300: #E0CCBA;
  --primary-400: #C9B19A;
  --primary-500: #A8907A;
  --primary-600: #87725F;
  --primary-700: #665544;

  --secondary-50: #FCE8E9;
  --secondary-100: #F9D1D2;
  --secondary-200: #F3A3A6;
  --secondary-300: #ED7579;
  --secondary-400: #C6484C;
  --secondary-500: #9e0b0f;
  --secondary-600: #7A090C;
  --secondary-700: #560608;

  --error-50: #FCE8E9;
  --error-100: #F9D1D2;
  --error-200: #F3A3A6;
  --error-300: #ED7579;
  --error-400: #C6484C;
  --error-500: #9e0b0f;
  --error-600: #7A090C;
  --error-700: #560608;

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

  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;

  --twine-text: #4B5563;
  --twine-border: #C9B19A;
  --twine-bg: #F7EEE8;
  --twine-bgHover: #C9B19A;
}