/*
Theme Name: Le Petit Jeu
Theme URI: https://lepetitjeu.fr
Author: lepetitjeu.fr
Author URI: https://lepetitjeu.fr
Description: Thème custom from scratch pour lepetitjeu.fr — la référence simple et pratique pour trouver un jeu de société, trouver où jouer et découvrir de nouveaux jeux.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lepetitjeu
*/

/* ===========================
   Polices self-hostées (RGPD : aucun appel à Google Fonts)
   Fichiers .woff2 à placer dans assets/fonts/ (voir README).
   =========================== */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('assets/fonts/nunito-900.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('assets/fonts/dmsans-300.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/dmsans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('assets/fonts/dmsans-500.woff2') format('woff2');
}

/* ===========================
   Variables CSS — Charte graphique
   =========================== */
:root {
  /* Couleurs */
  --cream:     #F5F0E8;   /* Fond principal (carton non blanchi) */
  --beige:     #EDE6D6;   /* Surfaces secondaires */
  --brown:     #3D2B1F;   /* Texte principal, navbar, footer */
  --orange:    #E8622A;   /* Accent primaire, CTA, liens actifs */
  --orange-lt: #F2906A;   /* Orange hover / badges */
  --yellow:    #F5C842;   /* Accent secondaire, logo span, CTA secondaire */
  --green:     #2D7A52;   /* Succès, jeux famille */
  --red:       #C0392B;   /* Difficulté élevée */
  --muted:     #8A7A6E;   /* Texte secondaire */
  --border:    #D8CEBC;   /* Séparateurs */

  /* Typographie */
  --font-heading: 'Nunito', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  /* Espacements */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;

  /* Largeur max contenu */
  --max-width: 1200px;
  --max-width-narrow: 800px;

  /* Bordures */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
}