@charset "utf-8";

$primary: #36ADBA;
$body-color: #EFF0EB;
$card-background-color: hsl(0, 0%, 32%);
$card-color: $body-color;
$warning: #e0c40f;
$link: #3b9de4;
$link-hover: #36cada;
$is-danger-dark:#CC656B;
$is-danger-dark-bg:#462b2e;
$is-info-dark:#8BA7BB;
$is-info-dark-bg:#313b4a;
$scheme-main: hsl(0, 0%, 21%);
$scheme-main-bis: hsl(0, 0%, 28%);
$scheme-main-ter: hsl(0, 0%, 32%);
$scheme-invert: hsl(0, 0%, 90%);
$scheme-invert-bis: hsl(0, 0%, 87%);
$scheme-invert-ter: hsl(0, 0%, 84%);
// Import Bulma
@import "../node_modules/bulma/bulma.sass";


a {
    &:hover {
        color: $link-hover;
    }
}

.navbar-item,
.navbar-link {
    color: $body-color;
}

.card {
    color: $card-color;
}

.card-header-title {
    color: $card-color;
}

.message {
    &.is-info .message-body {
    	border-color: $is-info-dark;
    	color: $is-info-dark;
    	background-color: $is-info-dark-bg;
    }
    &.is-danger .message-body{
    	border-color: $is-danger-dark;
    	color: $is-danger-dark;
    	background-color: $is-danger-dark-bg;
    }
}

.notification {
    background-color: $card-background-color;
}

.table {
    th,
    td {
        color: $card-color;
        border-color: hsl(0, 0%, 40%);
    }
}

.table thead td, .table thead th {
    color: $body-color;
}

hr {
    background-color: $card-background-color;
}