@layer dot-variables.base {
:root {
  --dot_black: #000;
  --dot_bunker: #1e2633;
  --dot_shuttleGrey: #5a616f;
  --dot_slateGrey: #788190;
  --dot_white: #fff;
  --dot_paleNavy: #c8cbdc;
  --dot_paleBlue: #d5dde7;
  --dot_hawkesBlue: #e7ecf4;
  --dot_solitude: #ebf0f5;
  --dot_catskillWhite: #f6f8fb;
  --dot_primary: #0a73eb;
  --dot_brightRed: #de3535;
  --dot_vividOrange: #ff6f00;
  --dot_strongGreen: #26a942;
  --dot_brightOrange: #f6b041;
  --dot_lavender: #ecf4fd;
  --dot_aliceBlue: #f1f7fe;
  --dot_mirror: transparent;
  --dot_cobalt: #0053b8;
  --dot_fireBrick: #ab1a18;
  --dot_ochre: #c2861f;
  --dot_tawny: #cc5c00;
  --dot_camarone: #0e7526;
  --dot_tropicalBlue: #b7d1f0;
  --dot_whiteSmoke: #fdf3f3;
  --dot_paleRed: #fcebeb;
  --dot_tequila: #f5d2a3;
  --dot_lightningYellow: #fce3bd;
  --dot_oldLace: #fef7ec;
  --dot_pattensBlue: #cee3fb;
  --dot_floralWhite: #fefaf4;
  --dot_platinum: #e2e4e6;
  --dot_bittersweet: #ff6b6b;
  --dot_oslogrey: #828994;
  --dot_ebonyclay: #232b38;
  --dot_cadetblue: #a8b0bd;
  --dot_darkmint: #4ac064;
  --dot_stardust: #9699a6;
  --dot_brightgrey: #384157;
  --dot_butterflyblue: #479dff;
  --dot_cadmiumorange: #ff801f;
  --dot_irishgreen: #1b8c35;
  --dot_blacksqueeze: #f2faf5;
  --dot_mulledwine: #4b5168;
  --dot_riverbed: #3e4d63;
  --dot_blueeyes: #1065cc;
  --dot_mirage: #161b23;
  --dot_tuna: #2d3748;
  --dot_santagrey: #9c9fab;
  --dot_matterhorn: #503348;
  --dot_comet: #565e72;
  --dot_darkbluegrey: #2c3b4d;
  --dot_unknown1: #262f3d;
  --dot_unknown2: #383f57;
  --dot_roseWhite: #FFF6F0;
  --dot_reddishOrange: #FFE2CC;
}
}