h1 > a { color: var(--h1) !important; }
h2 > a { color: var(--h2) !important; }
h3 > a { color: var(--h3) !important; }
h4 > a { color: var(--h4) !important; }
h5 > a { color: var(--h5) !important; }
h6 > a { color: var(--h6) !important; }

/* Default light theme */ 
html.light {
    --h1: #005f73;
    --h2: #0a9396;
    --h3: #94d2bd;
    --h4: #ee9b00;
    --h5: #ca6702;
    --h6: #bb3e03;
}

/* Default dark theme */ 
html.navy {
    --h1: #94d2bd;
    --h2: #a7c957;
    --h3: #f4a261;
    --h4: #e76f51;
    --h5: #fcbf49;
    --h6: #ff595e;
}