/* Same two radii as the landing page: 10px surfaces, capsule controls. */
::selection { background: #c4f59a; color: #000041; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid #4155ff;
  outline-offset: 2px;
}

.rounded,
.rounded-sm,
.rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-2xl,
.rounded-3xl {
  border-radius: 10px;
}

.rounded-full,
.analytics-insight-priority,
.payments-status,
body.klarte-account button.rounded,
body.klarte-account button.rounded-sm,
body.klarte-account button.rounded-md,
body.klarte-account button.rounded-lg,
body.klarte-account button.rounded-xl,
body.klarte-account input[type="button"].rounded-md,
body.klarte-account input[type="submit"].rounded-md,
body.klarte-account input[type="reset"].rounded-md,
body.klarte-account a.inline-flex.rounded-md.bg-accent,
body.klarte-account a.inline-flex.rounded-md.bg-ink,
body.klarte-account .settings-control-btn {
  border-radius: 999px;
}