:root {
    --ColorWhite: #ffffff;
    --ColorVeryLightGray: #f3f3f3;
    --ColorLightGray: #ebebeb;
    --ColorGray: #c0c0c0;
    --ColorCharcoal: #494949;
    --ColorBlack: #000000;
    --ColorBlue: #0a6cff;
    --ColorBlueDark: #285597;
    --ColorGreen: #109410;
    --ColorGreenDark: #355f47;
    --ColorOrange: #e99904;
    --ColorRed: #d30000;
    --ColorRedDark: #6b1e15;
    --ColorPink: #ffa1a1;
    --ColorPurple: #8910ad;
    --ColorYellow: #fce564;
    --ColorPrimaryTint: #eff3f1;
    --ColorPrimaryLight: #c4dacd;
    --ColorPrimaryMedium: #74ac8c;
    --ColorPrimaryDark: #355f47;
    --ColorPromptDark: #2f3739;
    --ColorPromptLight: #f9f9f9;
    --ColorGold: #eace84;
    /* --ColorGold: #ebcd84; */
    --ColorGoldLight: #f3dc9e;
    --ColorCream: #fff1c2;
    --ColorCreamLight: #f8f2de;
}
        
.Button {
    border-color: transparent;
}

.Button:focus {
    border-color: transparent;
    outline: 2px solid var(--ColorCreamLight);
    outline-offset: 3px;
}