@font-family: 'Segoe UI', 'Helvetica Neue', 'Verdana', 'Arial', sans-serif;
@font-family-ja: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo,
  'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
@text-color-primary: #ffffff;
@text-color-primary-dark: #2f3237;
@text-color-secondary: #6a707c;

// Color palette
@electricity-ui-05: #e9f2f9;
@electricity-ui-20: #aad4f8;
@electricity-ui-30: #6eb9fd;
@electricity-ui-40: #2996fd;
@electricity-ui-50: #0277d6;
@electricity-ui-60: #27588e;

@graphite-10: #e3e5e7;
@graphite-20: #cdcfd4;
@graphite-05: #f1f1f3;
@graphite-80: #27292c;
@graphite-30: #b0b3ba;
@graphite-40: #8f959e;
@graphite-90: #141618;
@graphite-50: #717681;
@graphite-60: #52565e;
@graphite-70: #3a3d43;

@vanilla-white: #fff;
@black: #000000;
@blue: #008eff;
@blue-40: #2996fd;

@red-05: #fbeeed;
@red-70: #662a24;
@red-60: #99342c;
@red-50: #dd342e;
@red-40: #ff5d50;
@green-30: #65c862;
@green-70: #294425;
@green-60: #32602f;
@green-50: #378535;
@green-40: #2eaa35;

@yellow-20: #f7ca3b;
@yellow-30: #e7a800;
@yellow-50: #9c6c1a;
