@import url("https://fonts.googleapis.com/css2?family=Recursive:CASL,CRSV,MONO,wght@0..1,0..1,0..1,300..1000&display=swap");

:root {
  --fg: #fbeee9;
  --fg-muted: #b7998f;
  --bg: #1e0a12;
  --surface: #2a1613;
  --border: #d75023;
  --accent: #e85a24;
  --pink: #ffa3db;
}

body {
  background: var(--bg) !important;
  color: var(--fg) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

h1,
h2,
h3,
#srvname,
.logue {
  color: var(--fg) !important;
  font-family: Recursive, ui-monospace, monospace !important;
  letter-spacing: -.04em;
}

a {
  color: var(--pink) !important;
}

a:hover,
a:focus-visible {
  color: #ffcaee !important;
}

button,
input,
select,
textarea,
.btn,
.opview,
#files,
#tree,
#ops,
#widgeti,
#u2conf {
  border-color: var(--border) !important;
  border-radius: 0 !important;
}

button,
.btn,
input[type="button"],
input[type="submit"] {
  background: var(--accent) !important;
  color: var(--bg) !important;
  font-weight: 700 !important;
}

input,
select,
textarea,
table,
#files,
#tree,
#ops,
#widgeti,
#u2conf {
  background-color: rgb(42 22 19 / 88%) !important;
  color: var(--fg) !important;
}

th,
td {
  border-color: rgb(215 80 35 / 45%) !important;
}