/* ==========================================================
   Tokens de design do Polaris
   Troque a cor de destaque aqui (ou via Atlas.setAccent no JS).
   ========================================================== */
:root {
  /* Cor de destaque — mantenha --accent e --accent-rgb iguais */
  --accent: #2F80FF;
  --accent-rgb: 47, 128, 255;
  --accent-light: #5AA2FF;

  /* Superfícies */
  --bg: #020815;
  --card-top: rgba(34, 56, 110, 0.5);
  --card-bottom: rgba(10, 20, 48, 0.62);
  --chip-bg: rgba(255, 255, 255, 0.05);
  --input-bg: rgba(4, 12, 32, 0.6);

  /* Bordas */
  --border: rgba(140, 180, 255, 0.2);
  --border-chip: rgba(160, 195, 255, 0.18);
  --highlight: rgba(255, 255, 255, 0.08);

  /* Texto */
  --text: #EAF1FF;
  --text-strong: #FFFFFF;
  --text-2: #C9D6F2;
  --text-3: #9FB2D6;
  --text-muted: #8EA2C8;

  /* Estados */
  --success: #6EE7B7;
  --danger: #FF8A8A;
  --dot: #9CCBFF;

  /* Tipografia */
  --font: "Geist", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Raios */
  --r-card: 22px;
  --r-ctl: 12px;
  --r-pill: 999px;

  /* Painel */
  --max-w: 1600px;        /* largura máxima do conteúdo */
  --gap: 16px;            /* espaço entre cartões */
  --orb-size: 72px;       /* esfera ao lado do botão de triagem */
  --dash-offset: 300px;   /* altura do cabeçalho + topo + números; a grade ocupa o resto da tela */

  /* Derivados */
  --accent-glow: rgba(var(--accent-rgb), 0.55);
  --accent-ring: rgba(var(--accent-rgb), 0.16);
  --wire: rgba(var(--accent-rgb), 0.75);
}