body,header,footer,span,div,h1,h2,h3, button, a,
code, pre, textarea, input, u, b, strong
{
	font-family:"PT Mono"  !important ;
}



  :root.dark ,
  :root.light{
  --fg: hsl(0, 0%, 100%);
  --bg: hsl(16.7, 94.7%, 7.5%)  !important ;
  --bg-separator: hsl(220, 4%, 28%);
  color-scheme: dark;
}

:root.dark {
  --fg: hsl(0, 0%, 100%) !important ;
  --bg: hsl(22.7, 94.2%, 33.5%) !important ;
  --bg-panel: hsl(22.7, 94.2%, 33.5%) !important ;
  --shadow-panel: 0 4px 6px 0 hsla(0, 0%, 0%, .15) !important ;
  color-scheme: dark;
}

html .bg-panel-alt {
  background-color: hsl(25.2, 100%, 24.7%);
}

html .bg-button {
  background-color: hsl(36.6, 85%, 44.3%);
}

html .min-h-screen {
  min-height: 100vh;
  background: #4a0e00;
}

html .file-category-card.svelte-1uha8ag {
 
  background-color: hsl(22.7, 94.2%, 33.5%); 
}

:root.light {
  --fg: hsl(0, 0%, 0%);
  --bg: hsl(22.7, 94.2%, 33.5%) !important ;
  --bg-panel: hsl(22.7, 94.2%, 33.5%) !important ;
  --shadow-panel: 0 2px 4px 0 hsla(0, 0%, 0%, .15) !important ;
  
}

html body {
  font-family: var(--font-body);
  font-weight: 600;
  color: hsl(0, 0%, 89%);
}
html .text-muted {
  color: hsl(0, 0%, 88.6%);
}


html body { 
  background-color: hsl(19.7, 94.1%, 13.3%); 
}


html :root.dark {
  --fg: hsl(39.4, 100%, 93.7%);
  --bg: hsl(22.1, 95%, 7.8%);
  color-scheme: dark;
}

html .bg-accent {
  background-color: hsl(202.4, 83.1%, 65.3%);
  filter: invert(1);
}

html .btn.highlight {
  background-color: hsl(25.2, 89.8%, 42.2%);
  color: hsl(0, 0%, 100%);
}

html .bg-panel {
  background-color: hsl(22.9, 100%, 8.2%);
}

html .lucide-moon{display:none !important ;visibility:none;}

html .text-accent {
  color: hsl(25.1, 100%, 76.1%);
}
html .border-b-accent {
  border-bottom-color: hsl(31, 100%, 76.1%);
}
html .bg-badge {
  background-color: hsl(16.9, 100%, 64.5%);
}
.bg-panel .bg-separator{display:none;}