[data-theme=purple-and-pink],
.theme-purple-and-pink {
  --bulma-primary-h: 346deg;
  --bulma-primary-s: 34%;
  --bulma-primary-l: 55%;
  --bulma-body-background-color: #715973;
  --bulma-background: #5C465D;
  --bulma-body-color: #E8EAEE;
  
  --bulma-scheme-h: 220;
  --bulma-scheme-s: 15%;
  --bulma-scheme-l: 92%;
}

html[data-theme=purple-and-pink] .navbar {
  --bulma-navbar-background-color: #4C3B4D;
  --bulma-navbar-box-shadow-color: #4C3B4D;
  
  --bulma-navbar-h: 220;
  --bulma-navbar-s: 15%;
  --bulma-navbar-l: 92%;
  --bulma-navbar-item-color-l: 92%;
  --bulma-navbar-item-background-l-delta: 0;
  --bulma-navbar-dropdown-background-color: #4C3B4D;
  
}

html[data-theme=purple-and-pink] .notification {
  --bulma-notification-code-background-color: #FFADB7;
}

html[data-theme=purple-and-pink] .file-input-extension {
  --bulma-input-focus-h: 296;
  --bulma-input-focus-s: 13%;
  --bulma-input-focus-l: 44%;
  --bulma-button-static-background-color: hsl(var(--bulma-input-focus-h), var(--bulma-input-focus-s), var(--bulma-input-focus-l))
}

html[data-theme=purple-and-pink] .input.is-classic,
html[data-theme=purple-and-pink] .file-cta.is-classic,
html[data-theme=purple-and-pink] .select select.is-classic,
html[data-theme=purple-and-pink] .textarea.is-classic{
  --bulma-input-h: 296;	
  --bulma-input-s: 13%;
  --bulma-input-l: 44%;
  --bulma-input-focus-h: 296;
  --bulma-input-focus-s: 13%;
  --bulma-input-focus-l: 44%;
  --bulma-input-background-l: 44%;
  --bulma-input-border-l: 35%;
  
  
  --bulma-file-h: 296;
  --bulma-file-s: 13%;
  --bulma-file-l: 44%;
  --bulma-file-background-l: 44%;
}

html[data-theme=purple-and-pink] .button.is-classic {
  --bulma-button-h: 296;
  --bulma-button-s: 13%;
  --bulma-button-l: 44%;
  --bulma-button-background-l: 44%;
  --bulma-button-color-l:100%;
}

html[data-theme=purple-and-pink] .button.is-active {
  --bulma-button-border-l-delta: 0%;
}

html[data-theme=purple-and-pink] .message {
  --bulma-message-h: 353deg;
  --bulma-message-s: 100%;
  --bulma-message-background-l: 90%;
  --bulma-message-header-background-l: 84%;
}

html[data-theme=purple-and-pink] .is-active {
	--bulma-menu-item-selected-h:297;
	--bulma-menu-item-selected-s:13%;
	--bulma-menu-item-selected-l:27%;
	--bulma-menu-item-selected-background-l: 37%;
}

html[data-theme=purple-and-pink] .menu {
	--bulma-menu-item-h:297;
	--bulma-menu-item-s:14%;
	--bulma-menu-item-l:27%;
	--bulma-menu-item-background-l: 32%;
	--bulma-menu-item-color-l: 92%;
}