/* ═══════════════════════════════════════════════════ */
/* CSS — L'Expérience Libre & Sécure */
/* À coller dans : Paramètres page > Code d'entête */
/* ═══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Jost:wght@300;400;500&display=swap');
/* VARIABLES DE COULEURS */
:root {
--violet: #2D1B4E;
--violet-mid: #4A2D7A;
--bordeaux: #7D2040;
--ocre: #C4824A;
--ocre-light: #E0A870;
--cream: #FAF6F0;
--cream-dark: #F0E8DC;
--text-dark: #1A0F2E;
--text-mid: #3D2B5A;
}
/* FOND ET TYPOGRAPHIE GLOBALE */
body {
font-family: 'Jost', sans-serif;
background-color: var(--cream);
color: var(--text-dark);
}
/* TITRES H1 (Playfair Display) */
h1, .sys-h1 {
font-family: 'Playfair Display', serif;
color: var(--violet);
font-weight: 700;
line-height: 1.15;
}
/* TITRES H2 */
h2, .sys-h2 {
font-family: 'Playfair Display', serif;
color: var(--violet);
font-style: italic;
}
/* TEXTE CURSIF (citations, labels) — classe Caveat */
.caveat, .label-cursif {
font-family: 'Caveat', cursive;
color: var(--ocre);
font-size: 1.2rem;
letter-spacing: 0.04em;
}
/* BOUTONS PRINCIPAUX */
.sysBtn.sysBtnStyle0,
.sysBtn.sysBtnStyle1,
.sys-btn-primary {
background: linear-gradient(135deg, #C4824A, #E0A870) !important;
color: #2D1B4E !important;
font-family: 'Jost', sans-serif !important;
font-weight: 500 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
border: none !important;
border-radius: 2px !important;
padding: 18px 48px !important;
box-shadow: 0 8px 30px rgba(196,130,74,0.35) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.sysBtn.sysBtnStyle0:hover,
.sysBtn.sysBtnStyle1:hover {
transform: translateY(-3px) !important;
box-shadow: 0 14px 40px rgba(196,130,74,0.5) !important;
}
/* SECTIONS FOND VIOLET FONCÉ */
.section-violet {
background: linear-gradient(145deg, #2D1B4E, #3D1E6A, #7D2040) !important;
color: var(--cream) !important;
}
/* SECTIONS FOND CRÈME FONCÉ */
.section-cream {
background-color: var(--cream-dark) !important;
}
/* CARTES / BLOCS */
.sys-card {
background: white;
border-left: 3px solid var(--bordeaux);
padding: 28px 24px;
border-radius: 0 4px 4px 0;
box-shadow: 0 2px 20px rgba(45,27,78,0.06);
}
/* LIGNE SÉPARATRICE OCRE */
.divider-ocre {
width: 60px;
height: 2px;
background-color: var(--ocre);
margin: 32px auto;
}
/* TEXTE CORPS */
p, .sys-body {
font-family: 'Jost', sans-serif;
font-size: 1rem;
line-height: 1.8;
color: var(--text-mid);
}