:root {
    --ink: #141414;
    --paper: #f4f6f7;
    --gray: #e6eaed;
    --white: #ffffff;
    --cyan: #00a7e1;
    --cyan-deep: #007eae;
    --cyan-soft: #d8f3fc;
    --muted: #5a646b;
    --line: rgba(20, 20, 20, 0.12);
    --line-strong: rgba(20, 20, 20, 0.38);
    --footer-text: #f4f7f8;
    --footer-muted: #c5d0d6;
    --sans: "Poppins", "Avenir Next", "Segoe UI", sans-serif;
    --wrap: 76rem;
    --narrow: 44rem;
    --space: 1.25rem;
    --shadow: 0 22px 50px rgba(0, 70, 100, 0.14);
}

@media (max-width: 700px) {
    :root {
        --space: 1rem;
    }
}