/*
Theme Name: Studio Apothéa — Thème enfant
Theme URI: https://studio.apothea.fr/
Description: Thème enfant OceanWP pour Studio Apothéa. Contient toutes les surcharges CSS et ajustements spécifiques au projet.
Author: Mathilde Langle
Template: oceanwp
Version: 1.0.0
Text Domain: studio-apothea-child
*/

/* ==========================================================================
   1. VARIABLES — APOTHÉA
   ========================================================================== */


@font-face {
  font-family: "quentin";
  src: url("fonts/quentin.woff2") format("woff2"),
       url("fonts/quentin.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


:root{
  /* Couleurs */
  --c-vert-fonce: #656B51;
  --c-vert: #7F8B6C;
  --c-sable: #E0C7A9;
  --c-ocre: #BF8F65;
  --c-terracotta: #9B5241;

  /* Polices */
  --ff-titres: "Philosopher", Georgia, serif;
  --ff-texte: "Quicksand", system-ui, sans-serif;
  --ff-quentin: "Quentin", cursive;
}


/* ==========================================================================
   2. BASE TYPOGRAPHIQUE
   ========================================================================== */

body{
  font-family: var(--ff-texte);
}


/* ==========================================================================
   3. TITRES & TEXTE
   ========================================================================== */
h1, h2{
  font-family: var(--ff-titres);
  font-style: italic;
  font-weight: 700;
}

/* H3 + paragraphes */
h3{
  font-family: var(--ff-texte);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

p{
  font-family: var(--ff-texte);
}


/* ==========================================================================
   4. STICKY MENU
   ========================================================================== */
#site-header{
  position: sticky;
  top: 0;
  z-index: 9999;
}