:root{
  --cms-bg-1:#eff5ff;
  --cms-bg-2:#f8fbff;
  --cms-bg-3:#e8eefc;
  --cms-text:#0f2740;
  --cms-muted:#4f647a;
  --cms-accent:#0b3d91;
  --cms-card:#ffffff;
  --cms-border:#d8e3f2;
}

*{box-sizing:border-box}

body{
  color:var(--cms-text) !important;
  background:
    radial-gradient(1100px 500px at 10% -10%, rgba(11,61,145,.16), transparent 50%),
    radial-gradient(900px 420px at 95% 0%, rgba(17,93,171,.12), transparent 48%),
    linear-gradient(180deg, var(--cms-bg-1), var(--cms-bg-2) 52%, var(--cms-bg-3)) !important;
  background-attachment:fixed !important;
  min-height:100vh;
}

h1,h2,h3,h4{color:#0d326b}
a{color:var(--cms-accent)}

header,
nav,
.panel,
section,
.section-card,
.card,
table,
details,
form,
article{
  background:rgba(255,255,255,.92);
  border-color:var(--cms-border) !important;
  backdrop-filter:blur(1px);
}

.muted,
.small,
label,
p,
li,
td,
th,
summary{color:var(--cms-muted)}

input,select,textarea,button{
  border-radius:8px;
  border:1px solid #cdd9ea;
}

button,
.btn,
a.btn{
  background:#fff;
  color:var(--cms-text);
}

button:hover,
.btn:hover,
a.btn:hover{
  border-color:#9db7dd;
}