/* =========================================================
   VARIABLES (PALETTE + SYSTEME)
   ========================================================= */
:root {
  /* --bg: #1D3057; */
  --glass: rgba(255, 255, 255, 0.08);
  --stroke: rgba(255, 255, 255, 0.12);
  --text: #f5f7fb;
  --muted: rgba(255, 255, 255, 0.75);
  --brand: #2ea8ff;
  --light: #ffffff;

  /* Dimensions */
  --container: 1200px;
  --radius: 6px;

  /* Palette personnalisée */
  --blue-primary: #27509E;
  --blue-dark: #1D3057;
  /* --night: #070D17; */
  --black-soft: #1D1D1B;
  --white-pure: #FFFFFF;
}

/* =========================================================
   RESET MINIMAL
   ========================================================= */
* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;

}

body {
 font-family: Inter Tight, sans-serif;
  color: #1D3057;
  overflow-x: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* =========================================================
   RÈGLES DE RESPONSIVE GLOBALES
   ========================================================= */

/* Éviter les débordements texte sur mobile */
h1, h2, h3, h4, h5, h6, p, span, a, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* Images responsive */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* =========================================================
   UTILITAIRES
   ========================================================= */
.container {
  width: 100%;
  margin-inline: auto;
  padding-inline: initial;
  box-sizing: border-box;
}

@media (min-width: 1440px) {
  .container {
    padding-inline: max(100px, calc((100vw - 1240px) / 2));
  }
}
/* =========================================================
   SECTIONS PLACEHOLDER (TEMPORAIRES)
   ========================================================= */
.section.placeholder {
  padding: 80px 0;
  /* background: #0a162b; */
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}



.section h2 {
  margin: 0;
}

/* =========================================================
   FONT-FACES KODCHASAN + GOTHAM
   (Tous nécessaires → gardés)
   ========================================================= */

/* GOTHAM */
@font-face {
  font-family: "Gotham";
  src:
    url("../police/GothamBook.ttf") format("truetype"),
    url("../police/Gotham%20Book.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* KODCHASAN */
@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kodchasan";
  src: url("../police/Kodchasan-BoldItalic.ttf") format("truetype");
  font-weight:400;
  font-style: italic;
  font-display: swap;
}



@font-face {
  font-family: "InterTight";
  src: url("../police/InterTight-Light.ttf") format("truetype");
  font-weight: 300;
  /* Light = 300 */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "InterTight";
  src: url("../police/InterTight-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}