// https://github.com/angular/angular/blob/master/aio/src/styles/_constants.scss

// TYPOGRAPHY
$main-font: 'Roboto', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial,
  'Lucida Grande', sans-serif;
$code-font: 'Droid Sans Mono', monospace;

// Z-LAYER
$layer-1: 1;
$layer-2: 2;
$layer-3: 3;
$layer-4: 4;
$layer-5: 5;

// COLOR PALETTE
$blue: #1976d2;
$accentblue: #1e88e5;
$brightred: #dd0031;
$darkred: #c3002f;
$white: #ffffff;
$offwhite: #fafafa;
$backgroundgray: #f1f1f1;
$lightgray: #dbdbdb;
$mist: #eceff1;
$mediumgray: #6e6e6e;
$darkgray: #333;
$black: #0a1014;
$orange: #ff9800;
$anti-pattern: $brightred;

// API & CODE COLORS
$amber-700: #ffa000;
$blue-400: #42a5f5;
$blue-500: #2196f3;
$blue-600: #1e88e5;
$blue-800: #1565c0;
$blue-900: #0d47a1;
$blue-grey-50: #eceff1;
$blue-grey-100: #cfd8dc;
$blue-grey-200: #b0bec5;
$blue-grey-300: #90a4ae;
$blue-grey-400: #78909c;
$blue-grey-500: #607d8b;
$blue-grey-600: #546e7a;
$blue-grey-700: #455a64;
$blue-grey-800: #37474f;
$blue-grey-900: #263238;
$codegreen: #17ff0b;
$green-500: #4caf50;
$green-800: #2e7d32;
$light-green-600: #7cb342;
$pink-600: #d81b60;
$purple-600: #8e24aa;
$teal-500: #009688;
$lightgrey: #f5f6f7;

// GRADIENTS
$bluegradient: linear-gradient(145deg, #0d47a1, #42a5f5);
$redgradient: linear-gradient(145deg, $darkred, $brightred);

// API LABEL COLOR AND SYMBOLS MAP
$api-symbols: (
  all: (content: ' ', background: $white),
  decorator: (content: '@', background: $blue-800),
  directive: (content: 'D', background: $pink-600),
  pipe: (content: 'P', background: $blue-grey-600),
  class: (content: 'C', background: $blue-500),
  interface: (content: 'I', background: $teal-500),
  function: (content: 'F', background: $green-500),
  enum: (content: 'E', background: $amber-700),
  const: (content: 'K', background: $mediumgray),
  let: (content: 'K', background: $mediumgray),
  var: (content: 'K', background: $mediumgray),
  type-alias: (content: 'T', background: $light-green-600),
  module: (content: 'Pk', background: $purple-600)
);

// OTHER
$small-breakpoint-width: 840px;
$phone-breakpoint: 480px;
