@charset "UTF-8";
/* CSS Document */

:root {
  /* Couleurs */
  --color-ocre: #BA602B;
  --color-jaune: #EBC03F;
  --color-gris: #D6D9E0;
  --color-vert-noir: #2A281D;

  /* Polices */
  --font-main: 'Open Sans', sans-serif;
  --font-alt: 'Playfair Display', serif;
}

/* Reset de base */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px; /* Base échelle 1 */
}

body {
  font-family: var(--font-main);
  background-color: var(--color-gris); /* Exemple de fond par défaut */
  color: var(--color-vert-noir);
  line-height: 1.65;
}

/* Typographie standard Open Sans */
p { font-size: 1em; }
h1, h2, h3, h4, h5 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 1.15;
}

h1, .text-size-h1 { font-size: 4.21em; margin-top: 0; }
h2, .text-size-h2 { font-size: 3.16em; }
h3, .text-size-h3 { font-size: 2.37em; }
h4, .text-size-h4 { font-size: 1.78em; }
h5, .text-size-h5 { font-size: 1.33em; }
.text-caption { font-size: 0.75em; }
small, .text-small { font-size: 0.56em; }

/* Classes spécifiques pour l'échelle 2 (Playfair Display pour le catalan) */
.lang-cat {
  font-family: var(--font-alt);
  font-style: italic;
  font-weight: 400;
}