/*
  FUNDAÇÃO — sistema cinematográfico NeoX7 (Phase 1)
  ---------------------------------------------------
  NÃO está referenciado em index.html ainda. Este arquivo é fundação para as
  Phases 2+ (Atos I-V) — existe para que a implementação futura tenha tokens
  e um modelo de camadas prontos, sem precisar improvisar nomes/valores no
  meio da produção. Não é um redesign da folha de estilos atual; style.css
  permanece intocado.

  Namespace: todo o CSS da experiência cinematográfica deve viver sob um
  destes seletores raiz, para nunca vazar para nav/formulário/modal/tipografia
  do site atual:
    .neo-cinematic   — container raiz da experiência (os 5 atos)
    .neo-act         — cada um dos 5 atos individualmente
    .neo-monitor     — o objeto monitor (chassis/screen/stand/base)
    .neo-identity    — elementos da identidade reutilizados como física (círculo/eixo/glints)

  Compatibilidade (seção 30 da autorização): clip-path, custom properties,
  CSS 3D, mix-blend-mode e masking degradam graciosamente quando ausentes —
  nenhum deles pode ser condição para que conteúdo/CTA existam. Testar
  com @supports antes de depender de qualquer um em produção.
*/

.neo-cinematic {
  /* ===== Cor — mínimo necessário, não um design system novo ===== */
  --neo-bg: #05050A;                 /* preto profundo, mesma família do --bg do site atual */
  --neo-neutral: #14141F;            /* cinza neutro para chassis/superfícies não coloridas */
  --neo-blue: #4FA8FF;               /* igual ao --blue do style.css atual — mesma marca, um token */
  --neo-violet: #A855F7;             /* igual ao --purple do style.css atual */
  --neo-green: #34D399;              /* usar só com função narrativa/formal real — nunca decoração */

  /* ===== Glow — intensidade como token, não valor mágico espalhado ===== */
  --neo-glow-weak: 0.12;
  --neo-glow-mid: 0.35;
  --neo-glow-strong: 0.6;
  --neo-glow-peak: 1;

  /* ===== Espaçamento cinematográfico — distâncias de scroll por ato,
     não pixels de layout. Valores de referência do Master Brief/Pre-Flight,
     sujeitos a ajuste por medição real em device (seção 22). ===== */
  --neo-act-i-scroll: 3200px;
  --neo-act-ii-scroll: 2400px;
  --neo-act-iii-scroll: 2800px;
  --neo-act-iv-scroll: 3400px;
  --neo-act-v-scroll: 2800px;

  /* ===== Modelo de camadas (z-index) — nomeado, sem números mágicos.
     Escala pequena e monotônica; nenhum valor deve chegar perto de 9999. ===== */
  --neo-z-background-space: 0;
  --neo-z-planetary: 10;
  --neo-z-monitor-body: 20;
  --neo-z-monitor-screen: 30;
  --neo-z-identity-fx: 40;
  --neo-z-commercial-dom: 50;
  --neo-z-navigation-cta: 60;
  --neo-z-accessibility-fallback: 70;

  background: var(--neo-bg);
  color: #F0EEE8;
}

/* Cada ato ocupa sua própria camada de empilhamento — nunca decidir z-index
   ad-hoc dentro de um ato; usar sempre um dos tokens --neo-z-* acima. */
.neo-act { position: relative; isolation: isolate; }

.neo-monitor { position: relative; z-index: var(--neo-z-monitor-body); }
.neo-monitor .neo-monitor-screen { z-index: var(--neo-z-monitor-screen); }

.neo-identity { z-index: var(--neo-z-identity-fx); pointer-events: none; }