:root {
    --navy:        #0d1b2a;
    --navy-mid:    #ffffff;
    --blue:        #1565c0;
    --blue-light:  #1565c0dd;
    --blue-pale:   #1565c018;
    --color-text:  #1a2535;
    --color-bg:    #ffffff;
    --font-heading:'Barlow Condensed', 'Barlow Condensed', sans-serif;
    --font-body:   'Barlow', 'Barlow', sans-serif;
    --radius:      4px;
    --container-width: 1220px;
}
body { font-family: var(--font-body); color: var(--color-text); background: var(--color-bg); font-size: 16px; }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-heading); }
h1 { font-size: calc(2.4rem * 1) !important; }
h2 { font-size: calc(2.0rem * 1) !important; }
h3 { font-size: calc(1.5rem * 1) !important; }
.section-title { font-size: calc(2.6rem * 1) !important; }
.hero-title, .slide-content h1 { font-size: calc(3.6rem * 1) !important; }
.container { max-width: var(--container-width); }