@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:wght@100..900&display=swap');

:root {
	--bulma-family-primary: 'Inter', sans-serif;
	--bulma-family-title: 'Montserrat', sans-serif;
	--bulma-primary: hsl(220 25% 10%);
	--bulma-link: hsl(43 96% 56%);
	--bulma-link-text:hsl(25 95% 53%);
	--bulma-link-h: 220;
	--bulma-link-s: 25%;
	--bulma-link-l: 10%;
	--bulma-hover-background-l-delta: 45%;
	--bulma-navbar-burger-color:#fff;
	--bulma-skeleton-lines-gap: .55em;
	--bulma-skeleton-line-height: .8em;
	--bulma-skeleton-background:var(--bulma-grey-lighter);
	--bulma-body-background-color:hsl(180 20% 98%);
    --bulma-scheme-main:hsl(160 84% 39%);
    --bulma-scheme-h:160;
    --bulma-scheme-s:84%;
    --bulma-scheme-l:39%;
	--bulma-scheme-main-l:94%;
}
/*  15 86% 30% */


.card{ background:	linear-gradient(135deg, hsl(160 84% 39%) 0%, hsl(190 80% 35%) 100%); color:var(--bulma-white)}
.title{font-family: var(--bulma-family-title); }
.navbar{--bulma-navbar-background-color:hsl(25 95% 53%);}
.navbar-brand .is-logo{ font-size:1.6em; font-family: var(--bulma-family-title); color: var(--bulma-white) }
.navbar-brand .is-logo::before { content: ""; display: inline-block; width: 35px; height: 35px; border-radius: 65%; vertical-align: middle;
	/* Combined gradient + SVG */
	background:
	   url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
<path d='M14.4 14.4 9.6 9.6'/>\
<path d='M18.657 21.485a2 2 0 1 1-2.829-2.828l-1.767 1.768a2 2 0 1 1-2.829-2.829l6.364-6.364a2 2 0 1 1 2.829 2.829l-1.768 1.767a2 2 0 1 1 2.828 2.829z'/>\
<path d='m21.5 21.5-1.4-1.4'/>\
<path d='M3.9 3.9 2.5 2.5'/>\
<path d='M6.404 12.768a2 2 0 1 1-2.829-2.829l1.768-1.767a2 2 0 1 1-2.828-2.829l2.828-2.828a2 2 0 1 1 2.829 2.828l1.767-1.768a2 2 0 1 1 2.829 2.829z'/>\
</svg>")
		center / 50% auto no-repeat,
		linear-gradient(135deg, hsl(160 84% 39%) 0%, hsl(190 80% 35%) 100%);
}

a.navbar-item:hover{	--bulma-navbar-item-background-l-delta:-50%;}
.menu-list a{color:var(--bulma-grey); --bulma-menu-item-background-l-delta:12%; }
.menu-list a:hover{background-color: var(--bulma-link)}

.is-index aside .menu-list a{font-size:1.12em; --bulma-menu-item-background-l-delta:12%;}
.is-index aside .menu-list a:hover{ --bulma-menu-item-background-l-delta:-20%;}

aside li a::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  content: '\f091';
  margin-left: -6px;
  margin-right:6px;
  color:var(--bulma-link-text);
  padding:5px 0;;
  font-size:12px;
}


footer hr{background-color:var(--bulma-grey-lighter);}
footer .button.is-small{background:var(--bulma-transparent);border:none; box-shadow:none;}

.modal{
	--bulma-modal-card-body-background-color:var(--bulma-white);
    --bulma-modal-card-title-color: var(--bulma-white);}
.box{background-color:var(--bulma-white)}
a.dm-title{	font-size:1.3em; font-weight: bold;}
a.dm-title:hover{	color:var(--bulma-dark);}
a.dm-description{	color:var(--bulma-grey);}
a.dm-url{color:var(--bulma-dark);	font-size:.8em;}