:root {
  --ink: #1a1a1a; --muted: #5a5a5a; --paper: #f7f5f1; --card: #fff;
  --brand: #8a5520; --accent: color-mix(in srgb, #8a5520 22%, #fff); --band: #4a2c10;
}
body.sys-obra {
  background:
    radial-gradient(ellipse at 50% 0%, #f0dcc4, transparent 55%),
    var(--paper);
  background-attachment: fixed;
}
body.sys-obra .app-top {
  border-bottom: 3px solid color-mix(in srgb, var(--brand) 55%, transparent);
}
body.sys-obra .app-shell {
  position: relative;
}
body.sys-obra .app-head h1::after {
  content: "";
  display: block;
  width: 3rem;
  height: 3px;
  margin-top: 0.45rem;
  background: var(--brand);
  border-radius: 2px;
}
body.panel-body {
  --brand: #8a5520;
  --band: #4a2c10;
  --accent: color-mix(in srgb, #8a5520 22%, #fff);
}