:root{--primary-color-h: 208;--primary-color-s: 100%;--primary-color-l: 24%;--primary-color: hsl( var(--primary-color-h), var(--primary-color-s), var(--primary-color-l) )}[data-component=page-header]{--background-color: var(--primary-color);--text-color: hsl(0, 0%, 100%);--button-color: hsla(0, 0%, 0%, 0.3);--button-text-color: hsl(0, 0%, 100%);--separator-color: hsla(0, 0%, 100%, 0.53)}[data-component=site-search]{--primary-color: hsl(212, 95%, 15%);--background-color: var(--primary-color);--text-color: hsl(0, 0%, 0);--input-color: var(--primary-color);--input-text-color: hsl(0, 0%, 100%)}[data-component=site-navigation]{--background-color: hsl(0, 0%, 100%);--text-color: hsla(0, 0%, 4%, 1);--link-color: hsla(211, 100%, 19%, 1);--hover-color: hsla(197, 71%, 73%, 1)}[data-component=sticky-on-air]{--background-color: hsl(0, 0%, 0%);--background-loading-color: hsl(0, 0%, 30%);--border-color: hsl(0, 0%, 0%);--button-color: hsl(0, 0%, 100%);--button-text-color: hsl(0, 0%, 0%);--hover-color: hsl(0, 0%, 100%);--link-color: hsl(197, 71%, 73%);--text-color: hsl(0, 0%, 100%);--selected-color: hsl(197, 71%, 73%)}[data-component=sticky-menu]{--background-color: hsl(217, 63%, 14%);--hover-color: hsl(0, 0%, 100%);--link-color: hsl(0, 0%, 100%);--selected-color: hsl(197, 71%, 73%);--text-color: hsl(0, 0%, 100%)}[data-component=sticky-on-air-image-fallback]{--button-color: hsl(217, 63%, 14%);--button-text-color: hsl(0, 0%, 100%)}[data-component=modal]{--separator-color: hsl(220, 13%, 91%)}