/* BooCode Classic (id: boocode-classic) — dark-only.
   Faithful revival of the original BooCode warm-amber-on-black palette
   (/opt/boolab data-mode='boocode'). Warm near-black base, orange + amber +
   rust accents, deep-rust borders.

   Matrix-rain translucency trick (ported from boolab): the rain canvas sits at
   z-0 behind the layout. For it to show *through* the UI we make <html> the
   opaque page backstop (#0a0604), strip <body>'s background to transparent, and
   override the SURFACE tokens to ~82–86% opaque rgba so panels bleed the canvas
   through their gaps while keeping high-contrast (AA) text. Foreground / accent
   / border colors stay fully opaque.

   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-classic,
.theme-boocode-classic.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 rain canvas (z-0) shows
   through every translucent surface above it. !important guards against any
   inline :root vars losing the cascade. */
html.theme-boocode-classic {
  background-color: #0a0604 !important;
}
.theme-boocode-classic 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 rain canvas (z-0) behind it. Make the root transparent so the rain
   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 AppShell root. */
.theme-boocode-classic .h-dvh.bg-background {
  background-color: transparent !important;
}
