:root {
    --paper:#f6f8fb;
    --white:#ffffff;
    --ink:#152f43;
    --muted:#536574;
    --accent:#2459d3;
    --accent-hover:#1746b2;
    --line:#dbe3eb;
    --navy:#122f44;
    --soft:#eaf0f7;
    --wrap:1280px;
    --gutter:22px;
    --header:78px;
    --radius:8px;
    --sans:'Segoe UI',Arial,Helvetica,sans-serif
}
@media(min-width:760px) {
    :root {
        --gutter:40px;
        --header:92px
    }
}