/* ==========================================
   Garage Typography
========================================== */
html{
    font-size:16px;
    background:var(--color-background);
}
body{
    margin:0;
    background:var(--color-background);
    color:var(--color-text);
    font-family:var(--font-family);
    font-weight:400;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    color:var(--color-text);
    font-weight:400;
    line-height:1.2;
}
h1{
    margin:0 0 var(--space-24);
    font-size:clamp(1.8rem,3vw,2.2rem);
    letter-spacing:-.035em;
}
h2{
    font-size:1.2rem;
    letter-spacing:-.02em;
}
h3{
    font-size:1.04rem;
    letter-spacing:-.01em;
}
p{
    margin:0;
    color:var(--color-text-secondary);
}
small{
    font-size:.8rem;
    color:var(--color-text-muted);
    font-weight:400;
}
a{
    color:inherit;
    text-decoration:none;
}
button,input,textarea,select{
    font:inherit;
}
button{
    -webkit-tap-highlight-color:transparent;
}
::selection{
    background:rgba(103,187,230,.18);
}

/* Dark Garage cockpit typography */
html,body{background:var(--color-background);color:var(--color-text)}
h1,h2,h3,h4,h5,h6{color:var(--color-text)}
::selection{background:rgba(103,187,230,.28);color:#fff}
a{color:var(--color-primary)}
a:hover{text-decoration:underline;text-decoration-color:var(--color-primary);text-underline-offset:.18em}