/* Rouge · Web palette
 * PaletteGet
 * Page: https://paletteget.com/palette-list/web/web-pink-326-2/
 * Scene: Brand story & team
 */

:root {
  --color-primary: #e6148a;
  --color-primary-dark: #a70c63;
  --color-accent: #39f22c;
  --color-bg: #faf9fa;
  --color-surface: #f6f4f5;
  --color-border: #e8e3e6;
  --color-text: #292327;
  --color-text-sub: #7c6a74;

  /* Raw role colors */
  --primary: #e6148a; /* Primary */
  --primaryHover: #a70c63; /* Primary hover */
  --primaryActive: #6f0641; /* Primary active */
  --textMain: #292327; /* Text main */
  --textSub: #7c6a74; /* Text sub */
  --bg: #faf9fa; /* Background */
  --surface: #f6f4f5; /* Surface */
  --border: #e8e3e6; /* Border */
  --link: #a50960; /* Link */
  --accent: #39f22c; /* Accent */
}