par celui-ci.
============================================================================ */
/* ========================================================================
parlementdufeminin.com — Empire Design 2026-05-05 v2
Theme: Poseidon 2.4.2 (ThemeZee / Underscores classic)
Aesthetic: revue éditoriale féministe — rigueur, débat, ferment.
Fonts: Frank Ruhl Libre (display) + Asap (body).
Palette: cream + bordeaux deep + ochre rare.
OKLCH hue 25. Override --primary-color oklch(70% 0.13 232) cyan via CSS vars.
======================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;700;900&family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
/* Override Poseidon CSS custom properties — kills all oklch(70% 0.13 232) cyan in one shot */
:root {
--primary-color: oklch(40% 0.13 25);
--accent-color: oklch(40% 0.13 25);
--link-color: oklch(40% 0.13 25);
--button-color: oklch(40% 0.13 25);
--site-title-hover-color: oklch(55% 0.10 25);
--navi-hover-color: oklch(55% 0.10 25);
--title-hover-color: oklch(55% 0.10 25);
--widget-title-hover-color: oklch(55% 0.10 25);
--footer-link-color: oklch(55% 0.10 25);
--pf-ink: oklch(20% 0.015 30);
--pf-ink-soft: oklch(45% 0.012 30);
--pf-paper: oklch(96.5% 0.005 60);
--pf-paper-tint: oklch(92% 0.012 80);
--pf-line: oklch(85% 0.012 70);
--pf-bordeaux: oklch(40% 0.13 25);
--pf-bordeaux-soft: oklch(55% 0.10 25);
--pf-ochre: oklch(70% 0.12 80);
}
body {
font-family: 'Asap', system-ui, sans-serif !important;
color: var(--pf-ink) !important;
background: var(--pf-paper) !important;
line-height: 1.75 !important;
font-size: 17px !important;
}
h1, h2, h3, h4, h5,
.entry-title, .post-title, .widget-title {
font-family: 'Frank Ruhl Libre', Georgia, serif !important;
color: var(--pf-ink) !important;
line-height: 1.2 !important;
letter-spacing: -0.01em !important;
}
h1, .entry-title {
font-size: clamp(2rem, 5vw, 3.2rem) !important;
font-weight: 900 !important;
margin-bottom: 0.55em !important;
}
h2 { font-size: 1.75rem !important; font-weight: 700 !important; margin-top: 1.7em !important; }
h3 { font-size: 1.35rem !important; font-weight: 700 !important; margin-top: 1.4em !important; }
h4 { font-size: 1.12rem !important; font-weight: 600 !important; }
/* Entry content — scoped max-width, NOT global p */
.entry-content p, .entry-content li {
font-size: 17.5px !important;
line-height: 1.8 !important;
max-width: 72ch;
}
a { color: var(--pf-bordeaux) !important; text-decoration: underline !important;
text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; }
a:hover { color: var(--pf-bordeaux-soft) !important; }
/* Header */
#masthead, .site-header {
background: var(--pf-paper) !important;
border-bottom: 1px solid var(--pf-line) !important;
box-shadow: none !important;
}
.site-title, .site-title a {
font-family: 'Frank Ruhl Libre', serif !important;
font-weight: 900 !important;
font-size: 1.7rem !important;
letter-spacing: -0.02em !important;
color: var(--pf-ink) !important;
}
.custom-logo-link { color: var(--pf-ink) !important; }
/* Navigation */
.main-navigation a, #primary-menu a, .menu-item a {
font-family: 'Asap', sans-serif !important;
font-size: 0.82rem !important;
font-weight: 600 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
color: var(--pf-ink-soft) !important;
text-decoration: none !important;
}
.main-navigation a:hover, #primary-menu a:hover { color: var(--pf-bordeaux) !important; }
/* Article cards */
article, .post, .hentry {
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
border-bottom: 1px solid var(--pf-line) !important;
padding-bottom: 28px !important;
margin-bottom: 28px !important;
}
.entry-title a, .post-title a {
color: var(--pf-ink) !important;
text-decoration: none !important;
}
.entry-title a:hover, .post-title a:hover { color: var(--pf-bordeaux) !important; }
article img, .wp-post-image, .post-thumbnail img {
border-radius: 4px !important;
}
/* Blockquotes — pseudo-element vertical, NO border-left */
blockquote, .wp-block-quote {
border-left: none !important;
background: var(--pf-paper-tint) !important;
padding: 22px 28px 22px 32px !important;
margin: 28px 0 !important;
font-family: 'Frank Ruhl Libre', serif !important;
font-style: italic !important;
font-size: 1.08rem !important;
color: var(--pf-ink) !important;
position: relative !important;
}
blockquote::before, .wp-block-quote::before {
content: '';
position: absolute;
left: 0; top: 22px; bottom: 22px;
width: 3px;
background: var(--pf-bordeaux);
}
blockquote cite {
color: var(--pf-bordeaux) !important;
font-weight: 700 !important;
font-style: normal !important;
font-size: 0.82rem !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
font-family: 'Asap', sans-serif !important;
}
/* Buttons — bordeaux flat */
button, .wp-block-button__link, input[type=submit], .more-link {
background: var(--pf-bordeaux) !important;
color: var(--pf-paper) !important;
border: none !important;
border-radius: 2px !important;
padding: 11px 20px !important;
font-family: 'Asap', sans-serif !important;
font-weight: 700 !important;
font-size: 0.9rem !important;
letter-spacing: 0.02em !important;
text-transform: none !important;
box-shadow: none !important;
text-decoration: none !important;
}
button:hover, .wp-block-button__link:hover, .more-link:hover {
background: oklch(32% 0.12 25) !important;
color: var(--pf-paper) !important;
}
/* Footer */
footer, .site-footer, #colophon {
background: var(--pf-paper-tint) !important;
border-top: 1px solid var(--pf-line) !important;
color: var(--pf-ink-soft) !important;
padding: 48px 0 32px !important;
font-size: 0.9rem !important;
}
footer a, .site-footer a { text-decoration: none !important; }
/* Widget headings */
.widget-title { font-size: 1rem !important; font-weight: 700 !important;
letter-spacing: 0.04em !important; text-transform: uppercase !important;
color: var(--pf-ink) !important; }
/* Entry meta */
.entry-meta, .post-meta, .cat-links {
font-family: 'Asap', sans-serif !important;
font-size: 0.78rem !important;
color: var(--pf-ink-soft) !important;
letter-spacing: 0.03em !important;
}
@media (max-width: 768px) {
body { font-size: 16px !important; line-height: 1.7 !important; }
h1, .entry-title { font-size: 1.85rem !important; }
h2 { font-size: 1.4rem !important; }
.main-navigation a { font-size: 0.76rem !important; }
}
