/* Variables */
:root {
    --font-serif: 'minion-pro', sans-serif;
    --font-default: 18px;
    --font-line-height: 1.5;
}

/* Type */
@font-face {
    font-family: minion-pro, serif;
    font-weight: 400;
    font-style: normal;
}

/* Colors */
html {
    --color-bg: #e5e5e5;
    --color-text: #666666;
}

/* Base Styles */

* {box-sizing: border-box;}

html {
    -webkit-font-smoothing: antialised;
    -webkit-text-size-adjust: 100%;
    font-size: 18px;
    font-family: var(--font-serif);
    font-size: var(--font-default);
    line-height: var(--font-line-height);
    margin: 0 auto;
}

body {
    color: var(--color-text);
    background-color: var(--color-bg);
    padding: 2rem;
}