/*
 * 4UP Consulting — ritocchi globali.
 * Caratteri: assets/css/4up-fonts.css   Home: assets/css/4up-home.css
 */

:root {
	--fu-slate: #023286;
	--fu-slate-dark: #011E5C;
	--fu-coral: #1F9DD4;
	--fu-coral-dark: #0E7DB3;
	--fu-teal: #6CC3EA;
	--fu-teal-dark: #0154B0;
	--fu-teal-soft: #E3F1FA;
	--fu-coral-soft: #E3F1FA;
}

/* Logo: stessa altezza sia per quello del tema sia per quello caricato dal Personalizza. */
.site-header .custom-logo,
.site-header .fourup-logo { max-height: 56px; width: auto; height: auto; }
.mobile-menu-header .custom-logo,
.mobile-menu-header .fourup-logo { max-height: 44px; width: auto; }
.site-footer .custom-logo,
.site-footer .fourup-logo { max-height: 84px; width: auto; }

/* Titoli in serif come la scritta del logo. */
h1, h2, h3, h4 { font-family: var(--primary-font), Georgia, serif; }

/* Link nei testi: verde acqua scuro, leggibile su fondo chiaro. */
.entry-content a:not(.wp-block-button__link) { color: var(--fu-teal-dark); }
.entry-content a:not(.wp-block-button__link):hover { color: var(--fu-coral-dark); }

/* Focus visibile da tastiera ovunque. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
	outline: 3px solid var(--fu-teal);
	outline-offset: 2px;
}