/* ShiftSeat base document and typography rules. Feature and component styles
   belong in their own layer rather than accumulating here. */
html,
body {
    min-height: 100%;
    margin: 0;
    background: var(--ss-bg-deep);
    color: var(--ss-text);
    font-family: var(--ss-font);
    line-height: var(--ss-line-body);
}

* {
    box-sizing: border-box;
}

h1,
h2,
h3,
p,
span,
small,
label,
a,
button,
input,
select,
textarea {
    letter-spacing: 0;
}

h1:focus {
    outline: none;
}

a {
    color: inherit;
}

button,
input,
select,
textarea {
    font: inherit;
}

:focus-visible {
    outline: 2px solid var(--ss-primary);
    outline-offset: 2px;
}