/* use this to define common colors */
:root {
  /* primary brand colors */
  --primary-brand-color-blue: #0089ff;
  --primary-brand-color-black: #0a0a0a;

  /* colors used for brand-like things */
  --secondary-brand-color-gray: #455469;
  --secondary-brand-color-gray-dark: #232a36;

  /* random colors  */
  --color-white: #fff;
  --color-blue-dark: #16325c;

  --table-color-header: #3a3a3a;
  --table-color-row-even: #faf3e9;
  --table-color-row-odd: #e7e6e6;

  --btn-color-primary: #0075dd;
  --btn-color-primary-active: #0056b3;
  --btn-color-primary-active-bg: #e6e6e6;
}

/* TODO for code quality, move ALL colors below to variable and align them:
static/css/sparkpostdashboard.css
#0070d2;
#ddd;

static/css/style.css
#43546a;
#48ca81;
#ccdcec;
#d4cad1;
#f2f2f2;
#fa6222;
#fc0100;
#ffb75d;

static/css/sparkpost.css
#0069d9;
#1E67B7;
#1e67b7;
#465568;
#495057;
#4bca81;
#4caf50;
#5f4426;
#62cb83;
#666;
#747474;
#788592;
#788952;
#80bdff;
#999;
#a8b9d0;
#aeb5be;
#c0c0c0;
#c1c2c1;
#ccc;
#cddeef;
#cfdeed;
#d3d4d4;
#d7dadd;
#e6e6e6;
#eef2f7;
#f8b368;

*/