/* ════════════════════════════════════════════════════════════════════
   DeFi Surfers — sistema de cor
   Violeta, decidido a 2026-08-30 depois de ver cinco alternativas ao vivo.

   Os valores são EXACTAMENTE os do Radar (members-app/app/globals.css).
   É essa a razão de ser deste ficheiro: hub e consola deixam de ser dois
   sítios parecidos e passam a ser o mesmo sítio. Se algum dia mudar no
   Radar, muda aqui — e vice-versa.

   REGRA QUE GOVERNA TUDO: cada cor tem UM papel. Verde e vermelho
   pertencem ao sinal e a mais nada — nunca um botão, nunca um fundo,
   nunca um estado de formulário. É isso que dá autoridade ao produto:
   quando algo fica verde no ecrã, quer dizer sempre a mesma coisa.

   Nenhuma página deve escrever um hex à mão. Se falta um tom, nasce aqui.
   ════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Chão e superfícies ──────────────────────────────────────────── */
  --ds-void:    #120826;  /* o chão de tudo (--bg no Radar) */
  --ds-void-2:  #170b2e;
  --ds-sf:      #1c0f38;  /* cartões, painéis (--panel) */
  --ds-sf-2:    #251447;  /* superfície elevada, linhas de tabela */
  --ds-line:    #2f1b52;  /* contornos */
  --ds-line-2:  #3d2a63;  /* contorno em destaque */

  /* ── Marca ───────────────────────────────────────────────────────
     Violeta. Navegação, botões primários, acentos. Três anos de
     comunidade estão nesta cor — é equity, não é decoração. */
  --ds-brand:      #8b5cf6;
  --ds-brand-alta: #a78bfa;  /* hover */
  --ds-brand-fund: #6d3fd4;  /* pressionado, contornos de marca */
  --ds-on-brand:   #14082b;  /* texto POR CIMA de violeta */

  /* ── Acção ───────────────────────────────────────────────────────
     Cobre. O CTA tem cor PRÓPRIA, que mais nada na casa usa.

     Não é decoração, é isolamento: numa página onde tudo é violeta, um
     botão violeta compete com a barra, os títulos, os contornos e os
     selos. O que faz um CTA converter não é o matiz — é ser o elemento
     mais distinto do ecrã. Cobre sobre chão violeta separa em matiz E
     em temperatura, e não há mais nada com que confundir.

     A contrapartida: só pode ser usado em botões primários e selos de
     valor. No dia em que o cobre aparecer num ícone decorativo, deixa
     de querer dizer "avança" e volta tudo à estaca zero. */
  --ds-cta:      #e08d3c;
  --ds-cta-alta: #f0a458;  /* hover */
  --ds-cta-fund: #b96f28;  /* pressionado, contornos */
  --ds-on-cta:   #180d02;  /* texto POR CIMA de cobre */

  /* ── Dado vivo ───────────────────────────────────────────────────
     Aqua. Aquilo que muda sozinho: contagens, relógios, "há 4 min". */
  --ds-live: #22d3ee;

  /* ── Sinal — RESERVADO ─────────────────────────────────────────── */
  --ds-up:   #22c55e;
  --ds-down: #ef4444;

  /* ── Aviso ───────────────────────────────────────────────────────
     Âmbar. Prazo, escassez, cuidado. Longe do violeta, sem conflito. */
  --ds-warn: #f5a623;

  /* ── Texto ─────────────────────────────────────────────────────── */
  --ds-ink:    #ece8f6;
  --ds-ink-2:  #c3b6e4;
  --ds-mute:   #9d93b8;
  --ds-faint:  #6d6191;

  /* ── Tipo ──────────────────────────────────────────────────────── */
  --ds-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --ds-sans: Inter, ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;

  /* ── Ritmo ───────────────────────────────────────────────────────
     As superfícies que VENDEM respiram; as que TRABALHAM são densas.
     Mesma cor, ritmos diferentes — é isso que faz uma casa com salas
     em vez de dois sites. */
  --ds-r:      10px;
  --ds-r-card: 14px;
}