/* Quanta — tokens partagés (fonts + variables) */

@font-face {
  font-family: "Aptos Narrow";
  src: url("../fonts/aptos/Aptos-Narrow.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Aptos Narrow";
  src: url("../fonts/aptos/Aptos-Narrow-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aptos Narrow";
  src: url("../fonts/aptos/Aptos-Narrow-Bold-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --q-ink: #0c1b2a;
  --q-slate: #1a3348;
  --q-steel: #2f5f7a;
  --q-ice: #e8f1f6;
  --q-mist: #f3f7fa;
  --q-accent: #1e6a8a;
  --q-accent-soft: #3a8fb0;
  --q-font: "Aptos Narrow", "Arial Narrow", "Bahnschrift SemiCondensed", "Segoe UI", sans-serif;
}

.page-home,
.page-home h1,
.page-home h2,
.page-home h3,
.page-home h4,
.page-home h5,
.page-home p,
.page-home a,
.page-home li,
.page-home .btn,
.page-home .navbar,
.page-home .nav-link,
.page-about,
.page-about h1,
.page-about h2,
.page-about h3,
.page-about p,
.page-about a,
.page-about li,
.page-about strong,
.page-about .navbar,
.page-about .nav-link,
.page-contact,
.page-contact h1,
.page-contact h2,
.page-contact p,
.page-contact a,
.page-contact label,
.page-contact input,
.page-contact textarea,
.page-contact button,
.page-contact li,
.page-contact .navbar,
.page-contact .nav-link,
.page-error,
.page-error h1,
.page-error h2,
.page-error p,
.page-error a {
  font-family: var(--q-font) !important;
}

.page-home,
.page-about,
.page-contact,
.page-error {
  background: var(--q-mist);
  color: var(--q-slate);
  overflow-x: hidden;
}