:root {
  color-scheme: dark;
  --dwj-bg: #090b0b;
  --dwj-surface: #14130e;
  --dwj-ivory: #f0ebd9;
  --dwj-muted: #91948a;
  --dwj-champagne: #c7914f;
  --dwj-gold-light: #fad491;
  --dwj-glass-cool: rgb(69 161 158 / 23%);
  --dwj-glass-warm: rgb(219 168 97 / 22%);
  --dwj-glass-edge-cool: rgb(135 181 176 / 45%);
  --dwj-glass-edge-warm: rgb(250 212 145 / 45%);
  --dwj-glass-blur-card: 32px;
  --dwj-glass-blur-control: 16px;
  --dwj-radius-card: 24px;
  --dwj-radius-control: 14px;
}

.dwj-glass-card {
  background: var(--dwj-glass-cool);
  border: 1px solid var(--dwj-glass-edge-cool);
  border-radius: var(--dwj-radius-card);
  -webkit-backdrop-filter: blur(var(--dwj-glass-blur-card));
  backdrop-filter: blur(var(--dwj-glass-blur-card));
}

.dwj-glass-control {
  background: var(--dwj-glass-warm);
  border: 1px solid var(--dwj-glass-edge-warm);
  border-radius: var(--dwj-radius-control);
  -webkit-backdrop-filter: blur(var(--dwj-glass-blur-control));
  backdrop-filter: blur(var(--dwj-glass-blur-control));
}