@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Roboto+Mono|Original+Surfer');

$font-family-sans-serif: 'Lato', Roboto, 'Helvetica Neue', Arial, sans-serif !default;
$font-family-monospace: 'Roboto Mono', 'Liberation Mono', 'Courier New', monospace !default;

$theme-colors: (
  primary: #328cc1,
  secondary: #0b3c5d,
);

$body-bg: #f4f4f4;
$body-color: #38383f;

:root {
  --border-md: #eaecef;
  --code-bg-md: #f6f8fa;

  --color-1-100: #f1f6fa;
  --color-1-500: #328cc1;
  --color-1-700: #0b3c5d;
  --color-1-900: #1d2731;

  --color-1-2: rgba(29, 39, 49, 0.2);
  --color-1-5: rgba(29, 39, 49, 0.05);
  --color-1-10: rgba(29, 39, 49, 0.1);
  --color-1-20: rgba(29, 39, 49, 0.2);

  --color-2-500: #c16732;

  --color-2-10: rgba(193, 103, 50, 0.1);

  --color-black-5: rgba(0, 0, 0, 0.05);
  --color-black-15: rgba(0, 0, 0, 0.15);
  --color-black-25: rgba(0, 0, 0, 0.25);

  --color-white-50: rgba(256, 256, 256, 0.5);

  --logo-font: 'Original Surfer', cursive;

  --color-font: #38383f;
  --body-bg: #f4f4f4;
}

@import '~bootstrap/scss/bootstrap.scss';
