:root {
    /*** flame -- primary colour ***/
    --theme-flame-100: #EFBCA9;
    --theme-flame-200: #E9A186;
    --theme-flame-300: #E38664;
    --theme-flame-400: #DC6B41;
    --theme-flame-500: #D95D30;
    --theme-flame-600: #CF5326;
    --theme-flame-700: #AC4520;

    --theme-timberwolf-200: #F7F4F2;
    --theme-timberwolf-300: #EFEAE6;
    --theme-timberwolf-400: #E0D5CD;
    --theme-timberwolf-500: #D5C7BC;
    --theme-timberwolf-600: #D0C0B4;
    --theme-timberwolf-700: #C0AB9B;
    --theme-timberwolf-800: #B09682;
    --theme-timberwolf-900: #A18168;
    --theme-timberwolf-ccc: #584537;

    --theme-cadet-100: #475DAE;
    --theme-cadet-200: #3B4E91;
    --theme-cadet-300: #2F3E74;
    --theme-cadet-400: #232F57;
    --theme-cadet-500: #1E2749;
    --theme-cadet-600: #181F3A;
}

body {
    background-color: var(--theme-timberwolf-200);

    font-family: 'Special Gothic', 'Franklin Gothic', sans-serif;
    font-weight: 425;
    font-size: 14pt;
    letter-spacing: 0.15pt;
    line-height: 1.32em;
    color: var(--theme-timberwolf-ccc);
}

header img {
    margin-bottom: 1rem;
}

body > article {
    box-sizing: border-box;
    min-width: 32rem;
    max-width: 47rem;
    padding: 2rem;
    margin: auto;
    margin-top: 5rem;
}

strong {
    font-weight: 500;
}

p {
    margin: 0;
    margin-bottom: 1rem;
}
p:last-child {
    margin-bottom: 0;
}

footer p {
    margin-top: 1.5rem;
    font-size: 0.8rem;
    line-height: 1.2rem;
    font-style: italic;
}

a { 
    color: inherit;
    padding: 0 2pt;
}

a:hover {
    text-decoration: none;
    background: var(--theme-flame-500);
    color: #FFF;
}