@charset "utf-8";

// colours
$eerie-black: #1B1B1B;
$eclipse-grey: #3D3D3D;

$white: #FFFFFF;
$green: #30AD23;
$light-green: #82CD7B;

// update bulma variables
$text: $white;
$text-strong: $white;
$link: $light-green;
$link-hover: $green;

$code: #ffcfaf;
$code-background: $eclipse-grey;

$body-background-color: $eerie-black;

$card-color: $white;
$card-header-color: $white;
$card-background-color: $eclipse-grey;
$card-header-color: $eclipse-grey;

$navbar-background-color: $eclipse-grey;
$navbar-item-color: $white;
$navbar-item-hover-background-color: $eclipse-grey;
$navbar-breakpoint: 500px;

$footer-background-color: $eclipse-grey;

// own styles
.hero-body {
	background-image: url(./images/hero_tea_field.avif);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.hero-subtitle {
	padding-bottom: 40vh;
}

.logo-image {
	height: 300px;
	min-height: 200px;
	width: auto;
}

.card {
	height: 500px;
}

// Import only what you need from Bulma
@import "./bulma/sass/utilities/_all.sass";
@import "./bulma/sass/base/_all.sass";
@import "./bulma/sass/layout/_all.sass";

@import "./bulma/sass/components/card.sass";
@import "./bulma/sass/components/navbar.sass";
@import "./bulma/sass/elements/container.sass";
@import "./bulma/sass/elements/content.sass";
@import "./bulma/sass/elements/title.sass";
@import "./bulma/sass/helpers/typography.sass";
@import "./bulma/sass/grid/tiles.sass";
@import "./bulma/sass/helpers/flexbox.sass";

// @import "./bulma/bulma.sass"
