/*
Theme Name: Le Quotidien
Template: fiona-blog
Version: 1.0
*/
:root{--couleur-principale:#1a2744;--couleur-accent:#c0392b;--texte-principal:#1c1c1e;--fonte-titre:Georgia,serif;--fonte-corps:system-ui,sans-serif}
body{font-family:var(--fonte-corps);color:var(--texte-principal)}
a{color:var(--couleur-principale)}a:hover{color:var(--couleur-accent)}
.site-title,.site-title a{font-family:var(--fonte-titre);font-weight:700;color:var(--couleur-principale);text-transform:uppercase;letter-spacing:2px}
.site-title a:hover{color:var(--couleur-accent)}
.site-description{font-size:.85rem;color:#555;font-style:italic}
.main-navigation{background-color:var(--couleur-principale)}
.main-navigation a{color:#fff;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}
.main-navigation a:hover{color:var(--couleur-accent);background-color:transparent}
h1,h2,h3,h4{font-family:var(--fonte-titre);color:var(--couleur-principale)}
h1{font-size:2rem;line-height:1.2}
h2{font-size:1.5rem;border-bottom:2px solid var(--couleur-accent);padding-bottom:.4rem;margin-top:2rem}
h3{font-size:1.2rem;color:var(--couleur-accent)}
.entry-title a{color:var(--couleur-principale);text-decoration:none;font-family:var(--fonte-titre)}
.entry-title a:hover{color:var(--couleur-accent)}
.cat-links a,.tags-links a{background-color:var(--couleur-accent);color:#fff;padding:2px 8px;border-radius:3px;font-size:.75rem;text-decoration:none;text-transform:uppercase;font-weight:600}
.cat-links a:hover,.tags-links a:hover{background-color:var(--couleur-principale);color:#fff}
.site-footer{background-color:var(--couleur-principale);color:#ccc}
.site-footer a{color:#ddd}.site-footer a:hover{color:var(--couleur-accent)}
.widget-title{border-left:4px solid var(--couleur-accent);padding-left:.6rem;font-size:1rem;text-transform:uppercase}
.read-more,.more-link{background-color:var(--couleur-accent);color:#fff;padding:6px 14px;border-radius:3px;text-decoration:none;font-size:.85rem;font-weight:600}
.read-more:hover,.more-link:hover{background-color:var(--couleur-principale);color:#fff}
@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.2rem}}