:root {
  --primary-color: #ffcd94;
  --primary-light: #ffe0bd;
  --text-main: #081735;
  --text-normal: #8f95b2;
  --wechat: #07c160;
  --wechat-msg: #95ec69;

  --color-white: #ffffff;
  --color-white-soft: #f9f9f9;
  --color-white-mute: #f1f1f1;
  --color-background: #f1f1f1;

  --color-black: #1a1a1a;
  --color-black-pure: #000000;
  --color-black-soft: #242424;
  --color-black-mute: #2f2f2f;

  --color-indigo: #213547;
  --color-indigo-soft: #476582;
  --color-indigo-light: #aac8e4;

  --color-gray: #8e8e8e;
  --color-gray-light-1: #aeaeae;
  --color-gray-light-2: #c7c7c7;
  --color-gray-light-3: #d1d1d1;
  --color-gray-light-4: #e5e5e5;
  --color-gray-light-5: #f2f2f2;
  --color-gray-dark-1: #636363;
  --color-gray-dark-2: #484848;
  --color-gray-dark-3: #3a3a3a;
  --color-gray-dark-4: #282828;
  --color-gray-dark-5: #202020;

  --color-green: #42b883;
  --color-green-light: #42d392;
  --color-green-lighter: #35eb9a;
  --color-green-dark: #33a06f;
  --color-green-darker: #155f3e;

  --color-blue: #3b8eed;
  --color-blue-light: #549ced;
  --color-blue-lighter: #50a2ff;
  --color-blue-dark: #3468a3;
  --color-blue-darker: #255489;

  --color-yellow: #ffc517;
  --color-yellow-light: #ffe417;
  --color-yellow-lighter: #ffff17;
  --color-yellow-dark: #e0ad15;
  --color-yellow-darker: #bc9112;

  --color-red: #ed3c50;
  --color-red-light: #f43771;
  --color-red-lighter: #fd1d7c;
  --color-red-dark: #cd2d3f;
  --color-red-darker: #ab2131;

  --color-purple: #de41e0;
  --color-purple-light: #e936eb;
  --color-purple-lighter: #f616f8;
  --color-purple-dark: #823c83;
  --color-purple-darker: #602960;

  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-2: 0 3px 12px rgba(0, 0, 0, 0.07), 0 1px 4px rgba(0, 0, 0, 0.07);
  --shadow-3: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-4: 0 14px 44px rgba(0, 0, 0, 0.12), 0 3px 9px rgba(0, 0, 0, 0.12);
  --shadow-5: 0 18px 56px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.16);

  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;
}