$brc-black: #000;
$brc-white: #fff;
$brc-red: #f00;
$brc-charcoal: #2c3a40;
$brc-azure: #1a91eb;
$brc-azure30: rgba($brc-azure, 0.3);
$brc-azure10: rgba($brc-azure, 0.1);
$brc-duckBlue: #d1e9fb;
$brc-mediumGreen: #39b54a;
$brc-sunYellow: #fecf39;
$brc-strawberry: #fb242c;
$brc-palePurple: #8a83d1;
$brc-lipstick: #d1236d;
$brc-battleshipGrey: #727a86;
$brc-coolGrey: #9098a7;
$brc-cloudyGrey: #b5c0ce;
$brc-paleGrey: #f0f3f8;
$brc-darkGreyBlue: #354052;

// GRADIENTS
$brc-gradientGrey: linear-gradient(to top, #f2f4f7, $brc-white);
$brc-gradientDarkGrey: linear-gradient(to top, #dfe3e8, $brc-white);
$brc-gradientGreen: linear-gradient(to bottom, #39b54a, #34aa44);
$brc-gradientDarkGreen: linear-gradient(to top, #1e930b, #1e9d09);
$brc-gradientRed: linear-gradient(to bottom, #fb242c, #ed1c24);
$brc-gradientDarkRed: linear-gradient(to top, #d71920, #ed1c24);
$brc-gradientAzure: linear-gradient(to top, #1789dd, #2da1f8);
$brc-gradientDarkAzure: linear-gradient(to bottom, #1584d7, #1f7ec6);

// BORDER COLORS
$brc-silver: #ced0da;
$brc-waterBlue: #1991eb;
$brc-seaGreen: #2f9c3e;
$brc-alizarinCrimson: #de1b23;
$brc-lightningYellow: #fabd15;

// FONT WEIGHTS
$brc-regular: 400;
$brc-semibold: 600;
$brc-bold: 700;

@mixin placeholder {
  &::-webkit-input-placeholder {
    @content;
  }
  &::-moz-placeholder {
    @content;
  }
  &:-ms-input-placeholder {
    @content;
  }
  &:-moz-placeholder {
    @content;
  }
}
