/*
-------------------------------------------------------------------------------
9.  Code [hm-09]
-------------------------------------------------------------------------------
*/

code,
.code {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.code {
    font-size: var(--code-font-size);
    line-height: var(--code-line-height);
    padding: var(--code-padding);
    margin: var(--code-margin);
    color: var(--lm-code-text-color);
    background-color: var(--lm-code-bg-color);
    border: var(--code-border-width) solid var(--lm-code-border-color);
    border-radius: var(--code-border-radius);
}
.dark-mode .code {
    color: var(--dm-code-text-color);
    background-color: var(--dm-code-bg-color);
    border-color: var(--dm-code-border-color);
}

/*  Keyboard input */

kbd {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: var(--kbd-font-size);
    line-height: var(--kbd-line-height);
    padding: var(--kbd-padding);
    margin: var(--kbd-margin);
    color: var(--lm-kbd-text-color);
    background-color: var(--lm-kbd-bg-color);
    border: var(--kbd-border-width) solid var(--lm-kbd-border-color);
    border-radius: var(--kbd-border-radius);
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none; 
}
.dark-mode kbd {
    color: var(--dm-kbd-text-color);
    background-color: var(--dm-kbd-bg-color);
    border-color: var(--dm-kbd-border-color);
}