/*
Theme Name: ProteiNews
Text Domain: proteinews
Description: Thème vitrine ProteiNews – éditeur de solutions éditoriales automatisées
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Author: Hervé BOURDON – ProteiNews
License: GPL-2.0-or-later
WPVibe: yes
*/

:root {
	--pn-ardoise: #1F2B38;
	--pn-ardoise-2: #2A3847;
	--pn-ardoise-nuit: #161F29;
	--pn-orange: #FF6A13;
	--pn-orange-texte: #C2410C;
	--pn-orange-fonce: #9A3412;
	--pn-orange-pale: #FFEDE2;
	--pn-fond: #F4F6F8;
	--pn-texte: #3D4C5E;
	--pn-trait: #DDE3EA;
}

html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--pn-fond);
	color: var(--pn-ardoise);
	font-family: 'Instrument Sans', system-ui, sans-serif;
	font-size: 18px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
a { color: var(--pn-orange-texte); }
a:hover { color: var(--pn-orange-fonce); }
img { max-width: 100%; height: auto; }
#contact, #benefices, #methode, #solutions { scroll-margin-top: 24px; }

:focus-visible { outline: 3px solid var(--pn-orange); outline-offset: 3px; border-radius: 4px; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--pn-orange-texte) !important; box-shadow: 0 0 0 3px rgba(255, 106, 19, 0.25); }
button[type="submit"]:hover { background: #2A3847 !important; }
a[style*="background: #FF6A13"]:hover { background: #FF8A45 !important; color: #1F2B38 !important; }

.pn-skip { position: absolute; left: -9999px; top: 0; }
.pn-skip:focus { left: 16px; top: 16px; z-index: 100; background: #FFFFFF; color: var(--pn-ardoise); padding: 12px 16px; border-radius: 8px; }

/* Pages de contenu (mentions légales, vie privée…) */
.pn-prose { max-width: 820px; margin: 0 auto; padding: 64px 24px 96px; }
.pn-prose h2 { margin: 40px 0 14px; font-family: 'Bricolage Grotesque', sans-serif; font-size: 26px; font-weight: 700; line-height: 1.2; color: var(--pn-ardoise); }
.pn-prose h2:first-child { margin-top: 0; }
.pn-prose h3 { margin: 28px 0 10px; font-family: 'Bricolage Grotesque', sans-serif; font-size: 21px; font-weight: 700; }
.pn-prose p, .pn-prose li { color: var(--pn-texte); line-height: 1.65; }
.pn-prose p { margin: 0 0 12px; }
.pn-prose ul { padding-left: 22px; margin: 0 0 12px; list-style: disc; }
.pn-prose strong { color: var(--pn-ardoise); }