/* BooCode Override (id: boocode-override) — dark-only.
   Uses the BooCode Classic WARM palette (orange #f97316 + amber #fbbf24 + rust
   #c2410c on warm near-black #0a0604) — the same tokens as boocode-classic —
   but keeps Override's heavier cyberpunk EFFECTS: the (now warm) neon-grid
   horizon field, chromatic glitch, strong scanlines, and bloom. So it reads as
   a hotter, glitchier Classic rather than a separate neon scheme.

   Field translucency trick (same shape as Classic): the NeonField canvas sits at
   z-0 behind the layout. To let it show *through* the UI, <html> is the opaque
   page backstop (#0a0604), <body> is transparent, and the SURFACE tokens are
   semi-transparent rgba so panels bleed the field through their gaps. Foreground
   / accent / border colours stay fully opaque and at AA over the surfaces. The
   field stays accent-only (grid/glow), never behind body text.

   Anchors: #0a0604 #120a06 #1a0e08 #9a7a5a #f97316 */

/* Light selector intentionally carries dark values — this theme is dark-only.
   supportsLight:false in theme.ts means applyTheme always adds the dark class;
   this base block is a non-broken fallback if the cascade ever runs without it. */
.theme-boocode-override,
.theme-boocode-override.dark {
  --background: rgba(10, 6, 4, 0.86);
  --foreground: #f5e6d3;
  --card: rgba(26, 14, 8, 0.82);
  --card-foreground: #f5e6d3;
  --popover: rgba(18, 10, 6, 0.82);
  --popover-foreground: #f5e6d3;
  --primary: #f97316;
  --primary-foreground: #0a0604;
  --secondary: rgba(36, 20, 8, 0.88);
  --secondary-foreground: #f5e6d3;
  --muted: rgba(18, 10, 6, 0.82);
  --muted-foreground: #9a7a5a;
  --accent: #f97316;
  --accent-foreground: #0a0604;
  --destructive: #dc2626;
  --destructive-foreground: #f5e6d3;
  --border: #3a1f0c;
  --input: #4a2d14;
  --ring: #f97316;
  --sidebar: rgba(18, 10, 6, 0.82);
  --sidebar-foreground: #f5e6d3;
  --sidebar-primary: #f97316;
  --sidebar-primary-foreground: #0a0604;
  --sidebar-accent: color-mix(in oklab, #f97316 16%, transparent);
  --sidebar-accent-foreground: #f5e6d3;
  --sidebar-border: #3a1f0c;
  --sidebar-ring: #f97316;
}

/* Opaque page backstop + transparent body so the fixed NeonField canvas (z-0)
   shows through every translucent surface above it. !important guards against
   any inline :root vars losing the cascade. */
html.theme-boocode-override {
  background-color: #0a0604 !important;
}
.theme-boocode-override body {
  background-color: transparent !important;
}

/* The AppShell root (.h-dvh.bg-background) is a full-viewport element carrying
   the translucent --background panel token; at ~86% opacity that sheet would
   occlude the NeonField canvas (z-0) behind it. Make the root transparent so the
   field shows through — the html backstop (#0a0604) is the opaque base, and
   individual panels (sidebar/cards/composer) keep their own translucent bg for
   legibility. The compound .h-dvh.bg-background selector targets only the root. */
.theme-boocode-override .h-dvh.bg-background {
  background-color: transparent !important;
}
