/* Peach Blossom · Web palette
 * PaletteGet
 * Page: https://paletteget.com/palette-list/web/web-pink-294-1/
 * Scene: Design system & components
 */

:root {
  --color-primary: #b311c5;
  --color-primary-dark: #790986;
  --color-accent: #3ff22c;
  --color-bg: #faf9fa;
  --color-surface: #f6f4f6;
  --color-border: #e7e3e8;
  --color-text: #292329;
  --color-text-sub: #7a6a7c;

  /* Raw role colors */
  --primary: #b311c5; /* Primary */
  --primaryHover: #790986; /* Primary hover */
  --primaryActive: #46044d; /* Primary active */
  --textMain: #292329; /* Text main */
  --textSub: #7a6a7c; /* Text sub */
  --bg: #faf9fa; /* Background */
  --surface: #f6f4f6; /* Surface */
  --border: #e7e3e8; /* Border */
  --link: #760783; /* Link */
  --accent: #3ff22c; /* Accent */
}