@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap');

:root{
    --header-height:33vh;
    --nav-height:60px;
    --site-inner-padding:3vw;

    /* ESPhen palette */
    --burgundy:#800020;
    --burgundy-dark:#660019;
    --ivory:#F7F4EC;
    --ivory-dark:#EDE8DC;
    --dark-grey:#333333;
    --mid-grey:#5c5c5c;
    --rule:#DDD6C8;

    /* Platform variables, remapped to the palette */
    --primary:var(--burgundy);
    --primary-transparent:rgba(128, 0, 32, 0.08);
    --primary-opp:var(--ivory);
    --hover:rgba(128, 0, 32, 0.06);
    --secondary:var(--burgundy);
    --border:1px solid var(--rule);

    --font-heading:'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-body:'Source Sans 3', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
}

/* Legacy font names still referenced by the platform CSS */
@font-face {
  font-family:Template;
  src: url('/css/fonts/Aero Matics Light.woff') format("WOFF");
  font-weight: normal;
}

@font-face {
  font-family:Template-Text;
  src: url('/css/fonts/Lato.woff') format("WOFF");
  font-weight: normal;
}

@media (min-width:1220px) {
    :root {
        --padding:40px!important;
    }
}