/* ============================= */
/* Typographie globale (police, taille, couleur du texte) */
/* ============================= */
/* Base Reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Variables */
:root {
  /* Colors */
  --primary-color: rgb(7, 0, 99);
  --primary-color-dark: rgb(5, 0, 80);
  --accent-color: rgb(0, 225, 255);
  --accent-color-dark: rgb(218, 0, 0);
  --light-bg: rgba(245, 245, 220, 0.123);
  --gray-bg: rgba(10, 0, 65, 0.041);
  --text-light: rgb(255, 255, 255);
  
  
  /* Fonts */
  --font-primary: Georgia, 'Times New Roman', Times, serif;
  --font-secondary: Arial, Helvetica, sans-serif;
  
  /* Dimensions */
  --header-height-desktop: 120px;
  --header-height-tablet: 110px;
  --header-height-mobile: 100px;
  
  /* Breakpoints */
  --breakpoint-tablet: 1024px;
  --breakpoint-mobile: 768px;
  --breakpoint-small: 480px;
}

/* BODY */
body {
  background-image: url(../images/index_background_tmp.png);
  background-size: cover;
  background-attachment: fixed;
  font-family: var(--font-secondary);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
/* ============================= */
/* Couleurs de fond, de texte, et thème général */
/* ============================= */

/* ============================= */
/* Liens : styles par défaut et hover */
/* ============================= */

/* ============================= */
/* Boutons basiques (style générique, formes, couleur) */
/* ============================= */

/* ============================= */
/* Classes utilitaires globales (marges, alignements, display, etc.) */
/* ============================= */
p, h1, h2, h3, h4, strong, label {
    color: var(--text-light);
}