@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;700&display=swap");

:root {
	--bulma-family-primary: "DM Sans", system-ui, -apple-system, sans-serif;
	--bulma-family-title: "Space Grotesk", system-ui, -apple-system, sans-serif;
	--bulma-primary: hsl(240 10% 10%);
	--bulma-link: hsl(350 89% 60%);
	--bulma-link-text: hsl(350 89% 60%);
	--bulma-link-h: 350;
	--bulma-link-s: 89%;
	--bulma-link-l: 60%;
	--bulma-hover-background-l-delta: -15%;
	--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(45 100% 98%);
    --bulma-scheme-main:hsl(160 84% 40%);
    --bulma-scheme-h:243;
    --bulma-scheme-s:75%;
    --bulma-scheme-l:88%;
}

.card{	--bulma-card-background-color: hsl(160 84% 60%);}
.title{font-family: var(--bulma-family-title); }

.navbar-brand .is-logo{ font-size:1.6em; font-family: var(--bulma-family-title); color:var(--bulma-white); text-transform: uppercase;}
.navbar-brand .is-logo::before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 35%;
	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'>\
<rect x='3' y='8' width='18' height='4' rx='1'/>\
<path d='M12 8v13'/>\
<path d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/>\
<path d='M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5'/>\
</svg>")
		center / 80% auto no-repeat,
		linear-gradient(135deg, hsl(350 89% 60%) 0%, hsl(25 95% 55%) 100%);
}
.modal-card-head{background-color:var(--bulma-grey-light);}
.modal{	--bulma-modal-card-body-background-color:hsl(243 75% 100%);}
.box{background-color:var(--bulma-white)}

a.navbar-item:hover{--bulma-navbar-item-background-l-delta:-10%;}
.container .title { color:var(--bulma-white); color:var(--bulma-dark); font-weight: bold; font-size:2em;}
a.dm-title{	font-size:1.3em; font-weight: bold;}
a.dm-title:hover{	color:var(--bulma-dark);}
a.dm-description{	color:hsl(199 29% 18%);}
a.dm-url{	-webkit-text-fill-color:hsl(199 29% 38%);	font-size:.8em;}


.is-index aside .menu-list a{font-size:1.2em; --bulma-menu-item-background-l-delta:0.1%;}
.is-index aside .menu-list a:hover{ --bulma-menu-item-background-l-delta:-10%;}
aside li a::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  content: '\f02b';
  margin-left: -3px;
  margin-right:15px;
  color:var(--bulma-link);
  padding:5px 0;;
  font-size:16px;
}

footer .button{border:none; box-shadow:none; color:var(--bulma-grey)}