:root {
  --djl-ink: #12100e;
  --djl-black: #0b0a09;
  --djl-graphite: #24211d;
  --djl-navy: #3b342c;
  --djl-gold: #b89452;
  --djl-gold-dark: #8b672f;
  --djl-gold-soft: #d7bd86;
  --djl-sand: #eee6d8;
  --djl-paper: #fffdf8;
  --djl-warm: #f7f2ea;
  --djl-white: #fff;
  --djl-muted: #655f57;
  --djl-border: rgba(18, 16, 14, .14);
  --djl-shadow: 0 22px 60px rgba(18, 16, 14, .12);
  --djl-radius: 18px;
  --djl-container: 1200px;
  --djl-space: clamp(1rem, 2vw, 1.5rem);
  --djl-focus: 0 0 0 4px rgba(184, 148, 82, .38);
}

[data-theme="dark"] {
  --djl-paper: #171411;
  --djl-warm: #201b16;
  --djl-ink: #fffaf0;
  --djl-muted: #d7cdbc;
  --djl-border: rgba(255, 250, 240, .18);
  --djl-shadow: 0 22px 60px rgba(0, 0, 0, .34);
}