/* ───────────────────────────────────────────────
   hub.css — fondations communes au portail ByBim
   (polices, reset, fond grille) partagées par
   index.html et admin.html
   ─────────────────────────────────────────────── */

/* ── Polices ── */
@font-face { font-family: 'Benguiat'; src: url('fonts/ITCBenguiatStdBookCn.OTF') format('opentype'); font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('fonts/Avenir-Light.ttf')   format('truetype'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('fonts/Avenir-Book.ttf')    format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('fonts/Avenir-Regular.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('fonts/Avenir-Heavy.ttf')   format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Avenir'; src: url('fonts/Avenir-Black.ttf')   format('truetype'); font-weight: 900; font-display: swap; }

/* ── Fond grille (réutilisé par body et les overlays) ── */
:root {
  --grid-bg-image:
    linear-gradient(rgba(27,27,27,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27,27,27,0.06) 1px, transparent 1px),
    linear-gradient(rgba(27,27,27,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27,27,27,0.03) 1px, transparent 1px);
  --grid-bg-size: 100px 100px, 100px 100px, 10px 10px, 10px 10px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  min-height: 100vh;
  background-color: #ffffff;
  background-image: var(--grid-bg-image);
  background-size: var(--grid-bg-size);
  font-family: 'Avenir', sans-serif;
}

/* Applique le même fond grille à un overlay plein écran */
.grid-bg {
  background-color: #ffffff;
  background-image: var(--grid-bg-image);
  background-size: var(--grid-bg-size);
}