:root {
  --color-primary: #FF5733;
  --color-primary-gradient: #FF5733;
  --color-primary-blue: #4aa4f0;

  --color-success: #00c857;
  --color-success-light: #52c41a;
  --color-warning: #faad14;
  --color-gray-10: #f6f6f6;
  --color-gray-5: #fcfcfc;
  --color-gray-3: #f9f9f9;
  --color-gray-03: #f0f2f5;
  --color-gray-06: #f2f2f2;
  --color-gray-07: #f3f3f3;
  --color-gray-08: #f5f5f7;
  --color-gray-09: #efeff2;
  --color-gray-295: #6e6e73;

  --color-black: #000;
  --color-black-80: rgba(0, 0, 0, 0.8);
  --color-black-70: rgba(0, 0, 0, 0.7);
  --color-black-60: rgba(0, 0, 0, 0.6);
  --color-black-50: rgba(0, 0, 0, 0.5);
  --color-black-40: rgba(0, 0, 0, 0.4);
  --color-black-30: rgba(0, 0, 0, 0.3);
  --color-black-20: rgba(0, 0, 0, 0.2);
  --color-black-15: rgba(0, 0, 0, 0.15);
  --color-black-10: rgba(0, 0, 0, 0.1);
  --color-black-05: rgba(0, 0, 0, 0.05);

  --color-white: #fff;
  --color-white-20: rgba(255, 255, 255, 0.2);

  --color-gray-950: #333333;
  --color-gray-930: #3a3a3a;
  --color-gray-940: #343434;
  --color-gray-960: #232526;
  --color-gray-900: #181818;
  --color-gray-800: #222222;
  --color-gray-700: #272727;
  --color-gray-600: #414040;
  --color-gray-500: #474747;
  --color-gray-450: #494949;
  --color-gray-400: #5a5a5a;
  --color-gray-350: #5a5a5a;
  --color-gray-300: #717171;
  --color-gray-280: #7d7d7d;
  --color-gray-290: #666;
  --color-gray-260: #888;
  --color-gray-250: #888889;
  --color-gray-240: #8c8c8c;
  --color-gray-220: #979797;
  --color-gray-200: #999;
  --color-gray-180: #a6a6a8;
  --color-gray-160: #a6aeba;
  --color-gray-150: #bcbcbf;
  --color-gray-140: #c2c2c2;
  --color-gray-145: #c2c8cc;
  --color-gray-135: #d4d5d8;
  --color-gray-130: #c2c2c2;
  --color-gray-120: #d9d9d9;
  --color-gray-110: #d9d9d9;
  --color-gray-100: #dfe3e5;
  --color-gray-90: #e1e1e1;
  --color-gray-80: #e8e8e8;
  --color-gray-75: #e7e8eb;
  --color-gray-70: #d6dae5;
  --color-gray-60: #efeff2;
  --color-gray-50: #f2f3f5;
  --color-gray-40: #f5f5f7;
  --color-gray-30: #f6f6f6;
  --color-gray-20: #f7f8fc;
  --color-gray-15: #f7f8fc;
  --color-gray-10: #fcfcfc;
  --color-gray-05: #f6f9fb;

  --color-blue-dark: #0047bb;
  --color-blue-dark-10: rgba(0, 71, 187, 0.1);
  --color-blue-accent: #0047bb;
  --color-blue-accent-10: rgba(0, 71, 187, 0.1);
  --color-blue-accent-20: rgba(0, 57, 200, 0.2);
  --color-blue-accent-80: rgba(0, 57, 200, 0.8);
  --color-blue-accent-dark: #1a35e2;

  --color-text-primary: #000;
  --color-text-secondary: #474747;
  --color-text-tertiary: #888;
  --color-text-light: #8c8c8c;

  --color-bg-primary: #fff;
  --color-bg-secondary: #f7f8fc;
  --color-bg-tertiary: #f2f3f5;
  --color-bg-dark: #181818;

  --color-border-primary: #e8e8e8;
  --color-border-secondary: #d9d9d9;
  --color-border-light: #f2f3f5;

  --color-shadow-light: rgba(0, 0, 0, 0.05);
  --color-shadow-medium: rgba(0, 0, 0, 0.1);
  --color-shadow-dark: rgba(0, 0, 0, 0.2);
}