:root{
    --accent-red: #bb1022ff;
    --black: #0f0f0f;
    --white: #ffffff;
    --cold-steel: #f8f7f4;
    --ivory: #fffff0;
    --marble: #f2fbfc;
    --lavender: #f4f1f8;
    --pearl: #fcfcf7;
    --gold: #c9a24d;
    --dark-gold: #b89345;
    --deep-gold: #ce9721;
    --soft-gold: #e6d8a8;
    --rich-gold: #c9911a;
    --gray: #dddddd;
    --text-dark: #1a1a1a;
    --text-muted: #777;
}

*, *::before, *::after{ box-sizing: border-box; margin: 0; padding: 0; }

body{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif, system-ui;
color: var(--text-dark); padding-top: var(--top-banner-height, 50px); }

body::before{ content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background-image: url('../assets/images/branding/queensbackground.jpg'); background-repeat: repeat;
background-position: top left; background-size: 320px auto; filter: grayscale(100%); pointer-events: none;
opacity: 0.15; z-index: -1; }

a{ text-decoration: none; color: inherit; }

ul{ list-style: none; }

input, button{ font-family: inherit; }