/* DeskPane — Medieval Pixel Theme */
:root {
  --dp-medieval-panel: url("./assets/medieval-pixel/panel.png");
  --dp-medieval-button: url("./assets/medieval-pixel/button-blank.png");

  --dp-window-border:               #5f4630;
  --dp-window-border-active:        #d7aa54;
  --dp-window-shadow:               0 8px 0 rgba(24, 16, 10, 0.75);
  --dp-window-shadow-active:        0 10px 0 rgba(24, 16, 10, 0.85), 0 0 0 2px rgba(215, 170, 84, 0.18);
  --dp-window-header-bg:            linear-gradient(180deg, #a97845 0%, #7a4f2f 100%);
  --dp-window-header-border:        #3a2a1e;
  --dp-window-title-color:          #2f1d10;
  --dp-window-btn-color:            #3a2414;
  --dp-window-btn-hover-bg:         rgba(215, 170, 84, 0.32);
  --dp-window-btn-close-hover-bg:   #8d2f24;
  --dp-window-btn-close-hover-color:#fff4d0;
  --dp-window-body-bg:              #d8ba78;
  --dp-window-body-color:           #2f2115;
  --dp-snap-guide-color:            rgba(241, 196, 92, 0.75);
  --dp-edge-snap-preview-bg:        rgba(241, 196, 92, 0.18);
  --dp-edge-snap-preview-border:    rgba(241, 196, 92, 0.78);
  --dp-edge-snap-preview-inner-border: rgba(255, 244, 208, 0.34);
  --dp-edge-snap-preview-radius:    0;

  --dp-layout-header-bg:            linear-gradient(180deg, #a97845 0%, #7a4f2f 100%);
  --dp-layout-header-border:        #4a3322;
  --dp-layout-title-color:          #2f1d10;
  --dp-layout-btn-color:            #3a2414;
  --dp-layout-btn-hover-bg:         rgba(215, 170, 84, 0.30);
  --dp-layout-splitter-bg:          #6b4a2b;
  --dp-layout-splitter-active:      #d7aa54;

  --dp-desktop-bg:                  radial-gradient(circle at 28% 18%, rgba(241, 196, 92, 0.18), transparent 24%),
                                    linear-gradient(135deg, #2e2116 0%, #17100b 100%);
  --dp-desktop-icon-text:           #fff0c2;
  --dp-desktop-icon-hover-bg:       rgba(215, 170, 84, 0.18);
  --dp-dock-bg:                     rgba(45, 31, 19, 0.88);
  --dp-dock-backdrop-filter:        none;
  --dp-dock-border:                 rgba(215, 170, 84, 0.42);
  --dp-dock-item-hover-bg:          rgba(215, 170, 84, 0.22);
  --dp-font:                        Georgia, "Times New Roman", serif;
}

.dp-window {
  border-style: solid;
  border-width: 18px;
  border-image-source: var(--dp-medieval-panel);
  border-image-slice: 58 fill;
  border-image-width: 42px;
  border-image-repeat: stretch;
  border-radius: 0;
  image-rendering: pixelated;
}

.dp-window.dp-active {
  border-image-source: var(--dp-medieval-panel);
}

.dp-header {
  height: 34px;
  margin: -8px -8px 0;
  border-bottom: 2px solid rgba(58, 42, 30, 0.7);
  image-rendering: pixelated;
}

.dp-title {
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(255, 230, 165, 0.45);
}

.dp-btn {
  border-radius: 0;
  font-weight: 700;
}

.dp-body {
  margin: 0 -4px -4px;
  image-rendering: pixelated;
}

.dp-dock {
  border-radius: 0;
  box-shadow: inset 0 0 0 2px rgba(24, 16, 10, 0.55), 0 6px 0 rgba(0, 0, 0, 0.35);
}

.dp-dock-item,
.dp-desktop-icon {
  border-radius: 0;
}

.dp-dock-item:hover,
.dp-desktop-icon:hover {
  outline: 1px solid rgba(241, 196, 92, 0.55);
}