:root {
  --color--accent-base: #60a5fa;
  --color--accent-dark: #2563eb;
  --color--accent-light: #93c5fd;

  --color--background-base: #0f172a;
  --color--background-light: #1e293b;
  --color--background-dark: #020617;
  --color--background-card: rgba(30, 41, 59, 0.9);

  --color--text: #f1f5f9;
  --color--text-secondary: #cbd5e1;
  --color--text-muted: #64748b;
  --color--text-inverse: #0f172a;
  --color--link: #60a5fa;
  --color--link-hover: #93c5fd;

  --color--tag-background: rgba(96, 165, 250, 0.2);
  --color--tag-text: #93c5fd;
  --color--tag-border: rgba(96, 165, 250, 0.4);

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

  --color--game-system-tag-background: rgba(34, 211, 238, 0.15);
  --color--game-system-tag-text: #22d3ee;
  --color--game-system-tag-border: rgba(34, 211, 238, 0.3);

  --background-gradient: linear-gradient(
    180deg,
    #1e293b 0%,
    #0f172a 20%,
    #080e1a 40%,
    #04070d 60%,
    #000000 100%
  );
}