/**
 * ZAC Theme — extra front-end styles
 *
 * Garde ce fichier minimal : la majorité des styles passe par theme.json.
 * On ajoute ici uniquement ce que theme.json ne peut pas exprimer
 * (sélections, scrollbar, focus rings, etc.)
 */

::selection {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--contrast);
}

html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
	border-radius: 4px;
}

/* Scrollbar discrète, accord avec la palette */
* {
	scrollbar-width: thin;
	scrollbar-color: var(--wp--preset--color--border) transparent;
}
*::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
*::-webkit-scrollbar-track {
	background: transparent;
}
*::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--border);
	border-radius: 10px;
}
*::-webkit-scrollbar-thumb:hover {
	background: var(--wp--preset--color--accent);
}

/* Petit halo sous le hero (peut être désactivé depuis l'éditeur) */
.zac-glow {
	position: relative;
	isolation: isolate;
}
.zac-glow::before {
	content: "";
	position: absolute;
	inset: -10% -10% auto -10%;
	height: 80%;
	background: radial-gradient(ellipse at top, rgba(99,102,241,0.18), transparent 60%);
	z-index: -1;
	pointer-events: none;
}