/* ViceCut — tokens de cor (fonte: web/app/globals.css) */
:root {
  --color-fundo: #111117; /* fundo da página e das seções neutras */
  --color-hero: #0c0d1b; /* hero da LP, seções alternadas, texto sobre accent/ouro */
  --color-glow: #1f1f38; /* glows radiais do fundo — nunca texto */
  --color-superficie: #16161f; /* modal, popover, toast (opacos) */
  --color-superficie2: #1c1c28; /* option do select, hover de painel opaco */
  --color-vidro: rgba(255,255,255,.04); /* base do .glass (nav, sidebar, topbar) */
  --color-borda: rgba(255,255,255,.08); /* borda padrão, divisores */
  --color-bordaHover: rgba(255,255,255,.14); /* hover de bloco, pill/aba ativa */
  --color-bordaForte: rgba(255,255,255,.22); /* botão secundário (outlined fino) */
  --color-texto: rgba(255,255,255,.92); /* texto principal, títulos */
  --color-texto2: rgba(255,255,255,.55); /* secundário, placeholder, meta, micro-label */
  --color-texto3: rgba(255,255,255,.35); /* só decoração — nunca texto lido */
  --color-accent: #988bd0; /* CTA, link, item ativo, foco, erro, progresso */
  --color-accentLight: #d9d1f6; /* fim do gradiente do botão, hover de link */
  --color-ouro: #e8a517; /* preço, selo, prioridade — só isso */
  --gradiente-accent: linear-gradient(135deg, #988bd0 0%, #d9d1f6 100%);
  --gradiente-vice: linear-gradient(135deg, #ff4fa3 0%, #ff8a3d 48%, #988bd0 100%);
  --gradiente-logo: linear-gradient(180deg, #8a6bb8 0%, #e9a0a8 52%, #f7a25e 100%);
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
}