@use "sass:color";
@use "./_fonts";

$black: #0f0f0f;
$green: #2aa889;
$grey-light: #dddddd;
$primary: #99d1ce;
$text: $grey-light;
$grey-darker: #11151c;

@use "bulma/sass" with (
  $family-sans-serif: "Nunito",
  $family-monospace: "Hack",

  $black: $black,
  $grey-darker: $grey-darker,
  $grey-light: $grey-light,
  $white: #ffffff,

  $red: #dc322f,
  $orange: #d26937,
  $yellow: #b58900,
  $blue: #195466,
  $cyan: #599cab,
  $green: $green,

  $primary: $primary,
  $link: $green,
  // $link-hover: color.scale($green, $lightness: +10%),
  // $link-active: color.scale($green, $lightness: +10%),
  // $link-focus: color.scale($green, $lightness: +10%),
  // $input-color: $grey-light,
  $input-placeholder-color: $grey-light, // Some opacity is applied to this

  $weight-normal: 400,

  $scheme-main: $black,
  
  $text: $grey-light,
  $text-strong: $primary,
  $label-color: $text,

  $content-heading-color: $text,
  $hr-background-color: $grey-light,
  $hr-height: 1px,
  
  $pre-background: $grey-darker
);


@import "~/node_modules/bulma";
@import "./_navbar";
