:root {
	--bulma-family-primary: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bulma-family-title: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bulma-primary: hsl(330 5.9% 10%);
	--bulma-link: hsl(330 5.9% 40%);
	--bulma-link-text: hsl(330 51% 65%);
	--bulma-link-h: 330;
	--bulma-link-s: 40%;
	--bulma-link-l: 98%;
	--bulma-hover-background-l-delta: -5%;
	--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(330 40% 96%);
    --bulma-scheme-main:hsl(348 84% 90%);
    --bulma-scheme-h:330;
    --bulma-scheme-s:82%;
    --bulma-scheme-l:60%;
}

.card{ background:	var(--bulma-white); color:var(--bulma-grey)}
.title{font-family: var(--bulma-family-title); }
.navbar-brand .is-logo{ font-size:1.2em; text-transform: uppercase; font-family: var(--bulma-family-title); color:var(--bulma-link-text)}
.navbar-brand .is-logo::before { content: ""; display: inline-block; width: 31px; height: 31px; 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'>\
	 <path d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/>\
	 <path d='M20 3v4'/>\
	 <path d='M22 5h-4'/>\
	 <path d='M4 17v2'/>\
	 <path d='M5 18H3'/>\
	 </svg>")
		center / 60% auto no-repeat,
		linear-gradient(  to right,  hsl(330 71% 51%),  hsl(348 77% 50%));
}

a.navbar-item:hover{--bulma-navbar-item-background-l-delta:-17%;}

footer{background-color:hsl(315 60% 97%); color:var(--bulma-grey)}
footer hr{display: none;}
footer .button.is-small{background:var(--bulma-transparent);border:none; box-shadow:none;color:var(--bulma-grey)}



.modal{	--bulma-modal-card-body-background-color:var(--bulma-white);--bulma-modal-card-head-background-color:var(--bulma-grey-light)}
.box{background-color:var(--bulma-white)}
.box .button{border-radius: var(--bulma-radius-rounded);}
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;}


aside li a::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  content: '\f521';
  margin-left: -3px;
  margin-right:5px;
  color:var(--bulma-grey-light);
  padding:5px 0;;
  font-size:1em;
	background: linear-gradient( to right, hsl(263 92% 65%), hsl(330 82% 60%));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-font-smoothing: antialiased;
}
.is-index aside .menu-list a{font-size:1.3em; --bulma-menu-item-background-l-delta:-1%;}
.is-index aside .menu-list a:hover{ --bulma-menu-item-background-l-delta:0%;}
.menu-list a:hover{--bulma-menu-item-background-l-delta:-02%; color:var(--bulma-grey)}
.menu-list a:hover::before{color:var(--bulma-grey)}