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

:root {
	--bulma-family-primary: 'Inter', system-ui, sans-serif;
	--bulma-family-title: 'Montserrat', sans-serif;
	--bulma-link: hsl(252 85% 60%);
	--bulma-link-text: hsl(252 85% 60%);
	--bulma-link-h: 252;
	--bulma-link-s: 85%;
	--bulma-link-l: 60%;
	--bulma-hover-background-l-delta: -5%;
	--bulma-navbar-burger-color:#fff;
	--bulma-skeleton-lines-gap: .55em;
	--bulma-skeleton-line-height: .8em;
	--bulma-body-background-color:hsl(220 20% 98%);
	--bulma-card-background-color: hsl(220 20% 30%);
    --bulma-scheme-main:hsl(220 20% 60%);
    --bulma-scheme-h:210;
    --bulma-scheme-s:40%;
    --bulma-scheme-l:88%;
	;
}
footer{
    background-color: hsl(220 22% 10%);
    color: var(--bulma-text-light);
}
footer hr{display: none;}
footer .button{
    --bulma-button-h:220;
    --bulma-button-s:22%;
    --bulma-button-background-l:10%;
    --bulma-button-border-l-delta:-74%;
    --bulma-button-color-l:var(--bulma-text-light)
}
.box{
    --bulma-box-background-color: var(--bulma-white);
}
.navbar-item,.navbar-link {
    text-transform: uppercase;
	color:var(--bulma-grey-lighter);
}
.navbar-brand .is-logo {
    font-size: 1.5em;  font-family: var(--bulma-family-title); color:var(--bulma-white)
}
.navbar-brand .is-logo::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 40%;
	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'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>")
	    center / 60% auto no-repeat,
	    linear-gradient(135deg, hsl(252 85% 60%) 0%, hsl(280 80% 55%) 100%);
}
.navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover {
    --bulma-navbar-item-background-l-delta: -35%;
}

.container .card{
	--bulma-card-background-color: hsl(220 20% 90%);
}
.container .button:hover{
	color: var(--bulma-white);
	background: var(--bulma-link)
}
.is-index aside .menu-list a{font-size:1.12em; --bulma-menu-item-background-l-delta:-4%;}
.is-index aside .menu-list a:hover{ --bulma-menu-item-background-l-delta:-20%;}
.menu-list a:not(:hover) {--bulma-menu-item-background-l-delta:-2%}
.menu-list a:hover{--bulma-menu-item-background-l-delta: -20%}
.modal-card-body {
    background-color: var(--bulma-white);
}

aside li a::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  content: '\f101';
  margin-left: -6px;
  margin-right:10px;
  color:var(--bulma-link);
  padding:5px 0;;
  font-size:17px;
}
a.dm-title{
	font-size:1.5em; font-weight: bold; line-height: 1.2em;
}
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;
}
@media screen and (max-width: 768px) { /* Bulma's mobile breakpoint */
	.section { padding: 1rem; }
	.navbar-brand{font-size:.8em;}
}