:root{--brand-white:#fff;--brand-black:#111;--brand-yellow:#f2cf2f;--brand-blue:#2673c9;--night:var(--brand-black);--paper:var(--brand-white);--orange:var(--brand-blue);--mint:var(--brand-yellow);--line:#d7d7d7}
body{background:#e8e8e8;color:var(--brand-black)}
body>header>.logo{background:linear-gradient(135deg,#fff,#f6f6f6);color:var(--brand-black)}
body>header>.logo span{color:var(--brand-blue)}
body>header>nav{background:var(--brand-black);border-color:#333}
body>header>nav a{color:#fff;border-color:#333}
body>header>nav a:hover,body>header>nav a[aria-current="page"]{background:var(--brand-yellow);color:var(--brand-black)}
body>header>nav .header-cart{border-color:var(--brand-blue);background:var(--brand-blue);color:#fff}
body>header>nav .header-cart b{background:var(--brand-yellow);color:var(--brand-black)}
.hero{background:var(--brand-white)}.page-hero,.explain,.contact-options,footer{background:var(--brand-black)}
.eyebrow{color:var(--brand-blue)}.primary{background:var(--brand-blue);color:#fff}
.closing{background:var(--brand-yellow)}.cards b{color:var(--brand-yellow)}
.tonnetz-bg{background-color:#fff}.chord{background:var(--brand-blue)}.chord.two{background:var(--brand-yellow)}
.formats span:nth-child(3n+1){border-top:5px solid var(--brand-yellow)}.formats span:nth-child(3n+2){border-top:5px solid var(--brand-blue)}