/* =========================================================
   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', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
}

/* =========================================================
   UTILITAIRES
   ========================================================= */
.container {
  width: min(84%, var(--container));
  margin-inline: auto;
}
@media (min-width: 992px) {
 .container {
  width: min(84%, var(--container));
  margin-inline: auto;
  width: 1240px;
}}
/* =========================================================
   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;
}