:root {
  --ink: #1a1a1a; --muted: #5a5a5a; --paper: #f7f5f1; --card: #fff;
  --brand: #8a6a18; --accent: color-mix(in srgb, #8a6a18 22%, #fff); --band: #4a3808;
}
body.sys-cuotas {
  background:
    radial-gradient(ellipse at 80% 10%, #f5ebc8, transparent 50%),
    var(--paper);
  background-attachment: fixed;
}
body.sys-cuotas .app-top {
  border-bottom: 3px solid color-mix(in srgb, var(--brand) 55%, transparent);
}
body.sys-cuotas .app-shell {
  position: relative;
}
body.sys-cuotas .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: #8a6a18;
  --band: #4a3808;
  --accent: color-mix(in srgb, #8a6a18 22%, #fff);
}