/* @slice 1/9 · lab-tokens.css · linhas 1–45 do antigo lab.css
   @slice
   @slice 🛑 A ORDEM DOS NOVE É OBRIGATÓRIA, e o index.html a define.
   @slice    tokens · stage · hud · nav · panel · versions · layers · campaign · overrides
   @slice
   @slice Duas regras deste conjunto vencem por ORDEM e não carregam `!important`
   @slice para avisar: `.desktop-overlay{top}` contra o `inset:0` do desktop.css da
   @slice 2026.5, e `.sc-wx-trip` contra o `.sc-wx` do site-chrome.css. As duas moram
   @slice em lab-overrides.css, que por isso é sempre o ÚLTIMO.
   @slice
   @slice O corte é reversível: `./scripts/split-lab-css.sh --verify` remonta os nove
   @slice e compara com o lab.css de origem, ignorando estas linhas. */
/* Estilo da 2026.6. Enxuto de propósito: a tela é a cena 3D, e o que vier por
   cima é HUD — não layout de documento. */

/* ── tokens da 2026.5 ──────────────────────────────────────────────────────
   O `panel.css` e o `career.css` são escritos contra as variáveis do
   `base.css` da 2026.5. Copiar o `:root` inteiro é o mínimo necessário; o
   arquivo todo NÃO pode ser carregado, porque ele traz regras de `html` e
   `body` que brigam com o layout em coluna deste lab (canvas ocupando a
   altura restante).

   Sem estes tokens os painéis herdam o padrão do browser: os links de
   contato saem na fonte serifada do sistema em vez da monoespaçada, e as
   cores caem para o azul de link padrão. Foi o que o dono viu. */
:root {
    --bg: #03060f;
    --bg-soft: #070b18;
    --fg: #f1f4ff;
    --fg-dim: #8e96b3;
    --fg-mute: #3e4663;
    --accent: #6fd6ff;
    --accent-soft: #a0e8ff;
    --accent-deep: #2a5cff;
    --accent2: #b08bff;
    --layer-edge:    #7adcff;
    --layer-net:     #9b8bff;
    --layer-orch:    #38bdf8;
    --layer-compute: #fb923c;
    --layer-obs:     #34d399;
    --border:    rgba(255, 255, 255, 0.08);
    --border-2:  rgba(111, 214, 255, 0.28);
    --hud-bg:    rgba(7, 11, 24, 0.62);
    --hud-bg-2:  rgba(7, 11, 24, 0.82);
    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, "Menlo", monospace;
    --pad: clamp(16px, 1.8vw, 28px);
    /* Live HUD slot heights — set by JS on load/resize so siblings
       can stack without overlap on any viewport. Fallbacks here.   */
    --hud-top-h:    44px;
    --hud-bottom-h: 38px;
    --hud-menu-h:   0px;     /* > 900 menu is vertical (off the stack) */
    --hud-layers-h: 0px;     /* > 900 layers is vertical */
    --hud-hero-h:   0px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }