:root {
    --slate-blue: #4A5D6B;
    --slate-blue-dark: #3A4A56;
    --slate-blue-deep: #2E3C45;
    --warm-white: #FAF8F5;
    --warm-white-darker: #F0EDE8;
    --warm-white-mid: #E8E4DE;
    --copper: #B87849;
    --copper-light: #C98959;
    --copper-glow: rgba(184, 120, 73, 0.12);
    --text-primary: #2E3C45;
    --text-secondary: #5A6B78;
    --text-light: #8A9AA6;

    /* Quadrant tonal ramp */
    --quadrant-er: #4A5D6B;
    --quadrant-hf: #7A8E9B;
    --quadrant-hm: #A8B8C4;
    --quadrant-la: #D0D8DD;
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif;
    background-color: var(--warm-white);
    color: var(--text-primary);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
}