$base-images-path: '../images';

// brand colors
$poa-purple: #5c34a2;
$poa-purple-darker: #45277a;
$poa-freeze-color: #50bbda;
$poa-danger-color: #f21b57;
$poa-green-color: #60db97;
$poa-menu-icon-color: #60db97;

$sokol-cyan: #6ac9b9;
$sokol-cyan-darker: #41b19e;
$sokol-freeze-color: #50bbda;
$sokol-danger-color: #f24c67;
$sokol-menu-icon-color: #fff;

$xdai-green: #15bba6;
$xdai-gray-darker: #132942;
$xdai-gray: #173250;
$xdai-gray-dark: #333;
$xdai-menu-icon-color: $xdai-green;

$kovan-cyan: #28aca4;
$kovan-cyan-darker: #1f857f;
$kovan-freeze-color: #50bbda;
$kovan-danger-color: #f24c67;
$kovan-menu-icon-color: #fff;

// colors
$gray-text-color: #333;

// typography
$base-text-color: #333;
$base-font-size: 14px;

// borders
$base-border-color: #e4e4e4;

// layout
$container-max-width: 1000px;
$container-horizontal-padding-desktop: 20px;
$container-horizontal-padding-tablet: 20px;
$container-horizontal-padding-mobile: 10px;

// widths
$mobile-width: 767px; // TODO: Delete this when possible...

$breakpoint-xs: 320px;
$breakpoint-sm: 480px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1024px;
$breakpoint-xxl: 1280px;
$breakpoint-xxxl: 1366px;

// header
$header-links-container-height: 70px;
$header-height: 70px;

// search
$search-container-height: 50px;

// mobile menu
$header-mobile-menu-container-height: 220px;

// footer
$footer-height: 60px;
$footer-height_desktop: 66px;
$footer-height_mobile: 132px;

// misc
$desktop-indent: 30px;
$tablet-indent: 15px;
$mobile-indent: 10px;

// forms
$input-height: 40px;
$input-color: #202d3c;

// voting colors
$voting-negative-poa: #f21b57;
$voting-neutral-poa: #50bbda;
$voting-positive-poa: #60db97;

$voting-negative-sokol: #f24c67;
$voting-neutral-sokol: #50bbda;
$voting-positive-sokol: #6ac9b9;

$voting-negative-dai: #f21b57;
$voting-neutral-dai: #50bbda;
$voting-positive-dai: $xdai-green;

$voting-negative-kovan: #f24c67;
$voting-neutral-kovan: #50bbda;
$voting-positive-kovan: #6ac9b9;

// grid stuff
$base-grid-gap: 30px;