:root[data-theme="platinum"] {
  --desktop-bg: #b8bcc4;
  --window-bg: #ececec;
  --window-border: #6b6f76;
  --titlebar-grad-top: #ffffff;
  --titlebar-grad-bottom: #c8cbd1;
  --text-primary: #2b2d33;
  --text-secondary: #565961;
  --accent: #3a3d44;
  --shadow-color: #6b6f76;
}

:root[data-theme="beige"] {
  --desktop-bg: #c9c2ab;
  --window-bg: #e8e4d8;
  --window-border: #4a4a42;
  --titlebar-grad-top: #f5f2e6;
  --titlebar-grad-bottom: #d8d3bd;
  --text-primary: #3a3a32;
  --text-secondary: #5c5c50;
  --accent: #4a4a42;
  --shadow-color: #4a4a42;
}

html, body {
  margin: 0;
  height: 100%;
  background: var(--desktop-bg);
  color: var(--text-primary);
  font-family: "Geneva", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#desktop {
  position: relative;
  min-height: calc(100vh - 20px);
  margin-top: 20px;
  overflow: hidden;
}