/* Pele visual global: não altera fluxo, dimensões ou posicionamento. */

:root {
  --aci-bg: #050505;
  --aci-panel: #0a0a0c;
  --aci-card: #0f0f13;
  --aci-border: #1e2025;
  --aci-border-2: #2d3139;
  --aci-border-active: #434955;
  --aci-text: #ededed;
  --aci-text-muted: #9ba1a6;
  --aci-text-dim: #5c626b;
  --aci-font-heading: 'Chakra Petch', 'Arial Black', sans-serif;
  --aci-font-mono: 'JetBrains Mono', Consolas, 'Courier New', monospace;
  --aci-font-ui: Inter, 'Segoe UI', Arial, sans-serif;
}

html {
  background-color: var(--aci-bg);
  color: var(--aci-text);
}

/* Monitor moderno: textura baixa, fixa e sempre transparente a interações. */
html::before,
html::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

html::before {
  z-index: 900000;
  opacity: .28;
  background:
    repeating-linear-gradient(to bottom, transparent 0 2px, rgba(0, 0, 0, .19) 2px 3px),
    linear-gradient(90deg, rgba(255, 0, 0, .009), transparent 34%, rgba(0, 0, 255, .009));
}

html::after {
  z-index: 899999;
  background: radial-gradient(ellipse at center, transparent 64%, rgba(0, 0, 0, .055) 100%);
}