/* Conceito: a noite da Helena, com as cores da foto de perfil dela. Ameixa quase
   preta nas superfícies (as sombras do cabelo e da blusa), orquídea e magenta
   nos destaques (o cabelo e o brilho dos olhos), rosa-pêssego nos detalhes (a
   pele e o rubor). Ouro só no dinheiro; verde e vermelho só para "renda" e
   "risco". Tema único e escuro, de propósito. */
:root {
  /* superfícies: matiz ~280°, tiradas das sombras da foto */
  --bg: #0d0613;
  --bg-2: #150a1f;
  --bg-3: #1f1131;
  --sunk: #0a0510;
  --line: #31184d;
  --line-2: #4d2677;

  /* texto: branco rosado e lilás, dos reflexos do cabelo */
  --text: #f7ebff;
  --muted: #c0a4d6;
  --dim: #9879b4;

  /* marca: o roxo-orquídea do cabelo */
  --brand: #9446bd;
  --brand-hover: #a354c9;
  --brand-hi: #e29be0;
  --pink: #f4acce;

  /* funções */
  --gold: #f3c98b;
  --green: #72e6ae;
  --red: #ff7a9c;
  --blue: #8fc7ff;

  /* raridade das conquistas (mesma ordem do bot) */
  --r-common: #c0a4d6;
  --r-uncommon: #72e6ae;
  --r-rare: #8fc7ff;
  --r-epic: #d58bff;
  --r-legendary: #f3c98b;

  /* canais RGB, para brilhos e vidro com transparência */
  --bg-rgb: 13, 6, 19;
  --glow-rgb: 166, 84, 190;
  --hi-rgb: 226, 155, 224;
  --red-rgb: 255, 122, 156;

  /* simulação de conversa */
  --chat-bg: #0f0817;
  --embed-bg: #180d26;
  --embed-code: #241437;
  --embed-text: #e6d6f5;
  --mbtn: #33204d;
  --mbtn-text: #efe0fa;
  --ok-btn: #1f7a52;
  --danger-btn: #b8405f;

  /* fichas do crime: ameixa puxada para o vinho */
  --crime-bg: #110612;
  --crime-line: #35162f;

  /* pétalas do herói */
  --petal-1: #e29be0;
  --petal-2: #f4acce;

  /* tipografia */
  --font-display: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  /* forma e movimento */
  --radius: 14px;
  --gutter: 16px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  color-scheme: dark;
}

@media (min-width: 720px) {
  :root { --gutter: 28px; }
}