/* =====================================
   BASE.CSS
   Fondations globales du site
   TYPOGRAPHIE & STRUCTURE
===================================== */


/* 
   POLICE LOCALE — SATOSHI VARIABLE
   Version optimisée éco-conception
========================================================== */

@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/satoshi/Satoshi-Variable.woff2') format('woff2');
  font-weight: 300 900; /* plage complète */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/satoshi/Satoshi-VariableItalic.woff2') format('woff2');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

/*  
========================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  background: var(--color-lin-cream);
  color: var(--color-black-soft);
}

h1, h2, h3, h4 {
  font-family: 'Cormorant Garamond', serif;
  color: var(--color-terra-deep);
  margin-bottom: 20px;
}

h1 { font-size: 52px; font-weight: 600; }
h2 { font-size: 40px; font-weight: 500; }
h3 { font-size: 28px; font-weight: 500; }

p { margin-bottom: 1.3em; }

a {
  color: var(--color-sage);
  text-decoration: none;
  transition: var(--transition);
}

a:hover {
  color: var(--color-terra-soft);
}

.et_pb_post h2 a,
.archive h1,
.category h1 {
  color: var(--color-terra-deep);
}

.section-cream { background: var(--color-cream-bg); }
.section-beige-rose { background: var(--color-beige-rose); }
.section-mint { background: var(--color-mint-pale); }

.container-narrow {
  max-width: 900px;
  margin: 0 auto;
}