:root {
  --ink: #172554;
  --muted: #64748b;
  --line: #dbe3ef;
  --soft: #f1f5f9;
  --brand: #2563eb;
  --brand-dark: #1d4ed8;
}

body { background: #f1f5f9; }

.entry { background: #f8fafc; }
.remove { color: #64748b; }
.add-button { border-color: #94a3b8; }
.file-wrap { border-color: #94a3b8; }
.presets button:hover { background: #eff6ff; border-color: #93c5fd; color: #1e40af; }

.steps,
.submit-bar { background: #172554; }

.steps a { border-right-color: #334b7c; }
.steps b { color: #93c5fd; }

input:focus,
textarea:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.submit-bar button,
.primary { background: #2563eb; }

.submit-bar button:hover,
.primary:hover { background: #1d4ed8; }

.submit-bar small { color: #bfdbfe; }

.segment-option { color: #475569; }
.segment-option:hover:not(.active) {
  background: #eff6ff;
  color: #1e3a8a;
}
.segment-option.active {
  background: #2563eb;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 1px 4px rgba(30,64,175,.28);
}
.segment-option:focus-visible { outline-color: #60a5fa; }

.notice {
  background: #eff6ff;
  color: #1e40af;
}

.login-panel { box-shadow: 0 12px 36px rgba(30, 64, 175, .12); }
th { background: #f8fafc; }
.dialog-head > button { background: #f1f5f9; }

.login-panel button:hover,
.download:hover,
.dialog-actions button[type="submit"]:hover { background: #1d4ed8; }

dialog::backdrop { background: rgba(15, 23, 42, .66); }