:root {
  --hr-accent:        #1e3a8a;
  --hr-accent-deep:   #51488c;
  --hr-accent-mid:    #001c78;
  --hr-accent-light:  #3b5ce6;
  --hr-accent-subtle: color-mix(in srgb, #1e3a8a 30%, transparent);
}

::selection {
  background-color: color-mix(in srgb, #1e3a8a 30%, transparent);
  color: inherit;
}

html.dark ::selection {
  background-color: color-mix(in srgb, #1e3a8a 40%, transparent);
  color: inherit;
}

select, input[type="checkbox"], input[type="radio"], input[type="range"] {
  accent-color: #1e3a8a;
}