:root {
    --dyer-theme-primary: #071735;
    --dyer-theme-secondary: #0a1f44;
    --dyer-theme-accent: #fd8d32;
    --dyer-theme-surface: #f7f7f5;

    --footer-ink: var(--dyer-theme-primary);
    --footer-orange: var(--dyer-theme-accent);
    --about-navy: var(--dyer-theme-primary);
    --about-blue: var(--dyer-theme-secondary);
    --about-orange: var(--dyer-theme-accent);
    --about-paper: var(--dyer-theme-surface);
    --listings-ink: var(--dyer-theme-primary);
    --listings-blue: var(--dyer-theme-secondary);
    --listings-orange: var(--dyer-theme-accent);
    --listings-paper: var(--dyer-theme-surface);
    --legal-ink: var(--dyer-theme-primary);
    --legal-blue: var(--dyer-theme-secondary);
    --legal-orange: var(--dyer-theme-accent);
    --legal-paper: var(--dyer-theme-surface);
    --not-found-blue: var(--dyer-theme-primary);
    --not-found-orange: var(--dyer-theme-accent);
    --dyer-ink: var(--dyer-theme-primary);
    --dyer-orange: var(--dyer-theme-accent);
    --dyer-header-blue: var(--dyer-theme-primary);
    --dyer-header-orange: var(--dyer-theme-accent);
    --services-navy: var(--dyer-theme-primary);
    --services-orange: var(--dyer-theme-accent);
    --wanted-ink: var(--dyer-theme-primary);
    --wanted-blue: var(--dyer-theme-secondary);
    --wanted-orange: var(--dyer-theme-accent);
    --wanted-paper: var(--dyer-theme-surface);
    --team-navy: var(--dyer-theme-primary);
    --team-orange: var(--dyer-theme-accent);
    --team-paper: var(--dyer-theme-surface);
    --contact-ink: var(--dyer-theme-primary);
    --contact-blue: var(--dyer-theme-secondary);
    --contact-orange: var(--dyer-theme-accent);
    --aircraft-ink: var(--dyer-theme-primary);
    --aircraft-blue: var(--dyer-theme-secondary);
    --aircraft-orange: var(--dyer-theme-accent);
    --aircraft-paper: var(--dyer-theme-surface);
    --closed-ink: var(--dyer-theme-primary);
    --closed-orange: var(--dyer-theme-accent);
    --closed-paper: var(--dyer-theme-surface);
}

.about-link__plane {
    background: var(--dyer-theme-accent);
    filter: none;
    -webkit-mask-image: url('../images/dyer-logo-white.svg');
    mask-image: url('../images/dyer-logo-white.svg');
    -webkit-mask-position: -12px -68px;
    mask-position: -12px -68px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 162px 90px;
    mask-size: 162px 90px;
}