:root {
    /* Border */
    --border: 0.0625rem solid var(--color-border);
    --border-card: var(--border);
    --border-code: var(--border);

    /* Colors */
    --gray-1: #202224;
    --gray-2: #2d2d2d;
    --gray-3: #555759;
    --gray-4: #6e7072;
    --gray-5: #848688;
    --gray-6: #aaacae;
    --gray-7: #c6c8ca;
    --gray-8: #dcdee0;
    --gray-9: #f0f1f2;
    --gray-10: #f8f8f8;
}

body {
    background-color: #efe;
}

main, header, footer {
    color: var(--color-text);
    margin: 0 auto 1.875rem;
  
    max-width: 75.75rem;
    padding: 0 1.5rem;
}

div.highlight pre {
    overflow-x: auto;
    padding: 0.5rem;
}

a {
    color: inherit;
}