/* Pomegranate · Web palette
 * PaletteGet
 * Page: https://paletteget.com/palette-list/web/web-red-9-1/
 * Scene: Online course page
 */

:root {
  --color-primary: #8d5349;
  --color-primary-dark: #60362e;
  --color-accent: #57c7a0;
  --color-bg: #fafaf9;
  --color-surface: #f6f4f4;
  --color-border: #e8e4e3;
  --color-text: #292423;
  --color-text-sub: #7c6c6a;

  /* Raw role colors */
  --primary: #8d5349; /* Primary */
  --primaryHover: #60362e; /* Primary hover */
  --primaryActive: #381e1a; /* Primary active */
  --textMain: #292423; /* Text main */
  --textSub: #7c6c6a; /* Text sub */
  --bg: #fafaf9; /* Background */
  --surface: #f6f4f4; /* Surface */
  --border: #e8e4e3; /* Border */
  --link: #5f322b; /* Link */
  --accent: #57c7a0; /* Accent */
}