:root {
  --color--accent-base: #a78bfa;
  --color--accent-dark: #7c3aed;
  --color--accent-light: #c4b5fd;

  --color--background-base: #1e1b29;
  --color--background-base-alpha: rgba(30, 27, 41, 0.7);
  --color--background-light: #2d2a3d;
  --color--background-dark: #0f0d15;
  --color--background-card: rgba(45, 42, 61, 0.9);

  --color--text: #f5f3ff;
  --color--text-secondary: #ddd6fe;
  --color--text-muted: #a78bfa;
  --color--text-inverse: #1e1b29;
  --color--link: #a78bfa;
  --color--link-hover: #c4b5fd;

  --color--tag-background: rgba(167, 139, 250, 0.2);
  --color--tag-text: #c4b5fd;
  --color--tag-border: rgba(167, 139, 250, 0.4);

  --color--mood-tag-background: rgba(139, 195, 250, 0.2);
  --color--mood-tag-text: #93c5fd;
  --color--mood-tag-border: rgba(139, 195, 250, 0.4);

  --color--game-system-tag-background: rgba(244, 114, 182, 0.15);
  --color--game-system-tag-text: #f472b6;
  --color--game-system-tag-border: rgba(244, 114, 182, 0.3);

  --background-gradient: linear-gradient(
    180deg,
    #2d1b3d 0%,
    #1e0f2e 20%,
    #0f0518 40%,
    #060210 60%,
    #000000 100%
  );
}