:root {
  /* superfícies */
  --bg-void: #0B0D0F;
  --surface: #14171A;
  --surface-raised: #1C2024;
  --border-hair: #262B30;

  /* texto */
  --text-primary: #E8EAED;
  --text-muted: #8A9199;
  --text-dim: #565D64;

  /* acentos semânticos — cor = estado, não decoração */
  --accent-signal: #4ADE80;   /* saudável / disponível / done */
  --accent-warn: #F2B84B;     /* perto da capacidade / pending */
  --accent-critical: #F2665A; /* acima da capacidade / bloqueado */
  --accent-epoch: #7C9CF2;    /* EPOCH / tempo */

  /* tipografia */
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-sans: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;

  /* espaçamento */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --radius-sm: 3px;
  --radius-md: 6px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}