/* ---------------------------------------------------------------------------
   Nuage Rose · polices.css · les 38 candidates, servies depuis ce serveur.
   Le site s'affiche dans n'importe laquelle avec ?police=<nom>, comme il
   s'affiche dans n'importe quelle couleur avec ?theme=. Sans le paramètre,
   rien n'est téléchargé : un @font-face inutilisé ne coûte rien.
   --------------------------------------------------------------------------- */

@font-face { font-family: 'p-anybody'; src: url('polices/anybody.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-archivo'; src: url('polices/archivo.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-basteleur'; src: url('polices/basteleur.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-big-shoulders'; src: url('polices/big-shoulders.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-bodoni-moda'; src: url('polices/bodoni-moda.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-boska'; src: url('polices/boska.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-cabinet-grotesk'; src: url('polices/cabinet-grotesk.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-chillax'; src: url('polices/chillax.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-clash-display'; src: url('polices/clash-display.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-compagnon'; src: url('polices/compagnon.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-dm-serif-display'; src: url('polices/dm-serif-display.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-epilogue'; src: url('polices/epilogue.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-familjen-grotesk'; src: url('polices/familjen-grotesk.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-format1452'; src: url('polices/format1452.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-fraunces'; src: url('polices/fraunces.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-gabarito'; src: url('polices/gabarito.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-gambetta'; src: url('polices/gambetta.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-general-sans'; src: url('polices/general-sans.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-gulax'; src: url('polices/gulax.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-host-grotesk'; src: url('polices/host-grotesk.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-instrument-serif'; src: url('polices/instrument-serif.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-josefin-sans'; src: url('polices/josefin-sans.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-karrik'; src: url('polices/karrik.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-lemurmure'; src: url('polices/lemurmure.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-lexend'; src: url('polices/lexend.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-literata'; src: url('polices/literata.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-newsreader'; src: url('polices/newsreader.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-outfit'; src: url('polices/outfit.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-sligoil'; src: url('polices/sligoil.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-sora'; src: url('polices/sora.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-space-grotesk'; src: url('polices/space-grotesk.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-switzer'; src: url('polices/switzer.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-syne'; src: url('polices/syne.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-terminal-grotesque'; src: url('polices/terminal-grotesque.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-unbounded'; src: url('polices/unbounded.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-vg5000'; src: url('polices/vg5000.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-zilla-slab'; src: url('polices/zilla-slab.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-zodiak'; src: url('polices/zodiak.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }

@font-face { font-family: 'p-bebas-neue'; src: url('polices/bebas-neue.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-cormorant'; src: url('polices/cormorant.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-playfair'; src: url('polices/playfair.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-oswald'; src: url('polices/oswald.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-spectral'; src: url('polices/spectral.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-fredoka'; src: url('polices/fredoka.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-baloo'; src: url('polices/baloo.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-comfortaa'; src: url('polices/comfortaa.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-gluten'; src: url('polices/gluten.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-lilita'; src: url('polices/lilita.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-melodrama'; src: url('polices/melodrama.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-rowan'; src: url('polices/rowan.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-stardom'; src: url('polices/stardom.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-erode'; src: url('polices/erode.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-array'; src: url('polices/array.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-tanker'; src: url('polices/tanker.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-panchang'; src: url('polices/panchang.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-pally'; src: url('polices/pally.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-nippo'; src: url('polices/nippo.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-quilon'; src: url('polices/quilon.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'p-cooper'; src: url('polices/cooper.woff2') format('woff2'); font-weight: 400 900; font-display: swap; }
html[data-police="anybody"] { --font: 'p-anybody', Georgia, serif; }
html[data-police="archivo"] { --font: 'p-archivo', Georgia, serif; }
html[data-police="basteleur"] { --font: 'p-basteleur', Georgia, serif; }
html[data-police="big-shoulders"] { --font: 'p-big-shoulders', Georgia, serif; }
html[data-police="bodoni-moda"] { --font: 'p-bodoni-moda', Georgia, serif; }
html[data-police="boska"] { --font: 'p-boska', Georgia, serif; }
html[data-police="cabinet-grotesk"] { --font: 'p-cabinet-grotesk', Georgia, serif; }
html[data-police="chillax"] { --font: 'p-chillax', Georgia, serif; }
html[data-police="clash-display"] { --font: 'p-clash-display', Georgia, serif; }
html[data-police="compagnon"] { --font: 'p-compagnon', Georgia, serif; }
html[data-police="dm-serif-display"] { --font: 'p-dm-serif-display', Georgia, serif; }
html[data-police="epilogue"] { --font: 'p-epilogue', Georgia, serif; }
html[data-police="familjen-grotesk"] { --font: 'p-familjen-grotesk', Georgia, serif; }
html[data-police="format1452"] { --font: 'p-format1452', Georgia, serif; }
html[data-police="fraunces"] { --font: 'p-fraunces', Georgia, serif; }
html[data-police="gabarito"] { --font: 'p-gabarito', Georgia, serif; }
html[data-police="gambetta"] { --font: 'p-gambetta', Georgia, serif; }
html[data-police="general-sans"] { --font: 'p-general-sans', Georgia, serif; }
html[data-police="gulax"] { --font: 'p-gulax', Georgia, serif; }
html[data-police="host-grotesk"] { --font: 'p-host-grotesk', Georgia, serif; }
html[data-police="instrument-serif"] { --font: 'p-instrument-serif', Georgia, serif; }
html[data-police="josefin-sans"] { --font: 'p-josefin-sans', Georgia, serif; }
html[data-police="karrik"] { --font: 'p-karrik', Georgia, serif; }
html[data-police="lemurmure"] { --font: 'p-lemurmure', Georgia, serif; }
html[data-police="lexend"] { --font: 'p-lexend', Georgia, serif; }
html[data-police="literata"] { --font: 'p-literata', Georgia, serif; }
html[data-police="newsreader"] { --font: 'p-newsreader', Georgia, serif; }
html[data-police="outfit"] { --font: 'p-outfit', Georgia, serif; }
html[data-police="sligoil"] { --font: 'p-sligoil', Georgia, serif; }
html[data-police="sora"] { --font: 'p-sora', Georgia, serif; }
html[data-police="space-grotesk"] { --font: 'p-space-grotesk', Georgia, serif; }
html[data-police="switzer"] { --font: 'p-switzer', Georgia, serif; }
html[data-police="syne"] { --font: 'p-syne', Georgia, serif; }
html[data-police="terminal-grotesque"] { --font: 'p-terminal-grotesque', Georgia, serif; }
html[data-police="unbounded"] { --font: 'p-unbounded', Georgia, serif; }
html[data-police="vg5000"] { --font: 'p-vg5000', Georgia, serif; }
html[data-police="zilla-slab"] { --font: 'p-zilla-slab', Georgia, serif; }
html[data-police="zodiak"] { --font: 'p-zodiak', Georgia, serif; }

html[data-police="bebas-neue"] { --font: 'p-bebas-neue', Georgia, serif; }
html[data-police="cormorant"] { --font: 'p-cormorant', Georgia, serif; }
html[data-police="playfair"] { --font: 'p-playfair', Georgia, serif; }
html[data-police="oswald"] { --font: 'p-oswald', Georgia, serif; }
html[data-police="spectral"] { --font: 'p-spectral', Georgia, serif; }
html[data-police="fredoka"] { --font: 'p-fredoka', Georgia, serif; }
html[data-police="baloo"] { --font: 'p-baloo', Georgia, serif; }
html[data-police="comfortaa"] { --font: 'p-comfortaa', Georgia, serif; }
html[data-police="gluten"] { --font: 'p-gluten', Georgia, serif; }
html[data-police="lilita"] { --font: 'p-lilita', Georgia, serif; }
html[data-police="melodrama"] { --font: 'p-melodrama', Georgia, serif; }
html[data-police="rowan"] { --font: 'p-rowan', Georgia, serif; }
html[data-police="stardom"] { --font: 'p-stardom', Georgia, serif; }
html[data-police="erode"] { --font: 'p-erode', Georgia, serif; }
html[data-police="array"] { --font: 'p-array', Georgia, serif; }
html[data-police="tanker"] { --font: 'p-tanker', Georgia, serif; }
html[data-police="panchang"] { --font: 'p-panchang', Georgia, serif; }
html[data-police="pally"] { --font: 'p-pally', Georgia, serif; }
html[data-police="nippo"] { --font: 'p-nippo', Georgia, serif; }
html[data-police="quilon"] { --font: 'p-quilon', Georgia, serif; }
html[data-police="cooper"] { --font: 'p-cooper', Georgia, serif; }
/* le nom de la police à l'essai, en bas à gauche, seulement avec ?police= */
html[data-police] body::after {
  content: attr(data-nom); position: fixed; left: 14px; bottom: 14px; z-index: 95;
  padding: 7px 12px; border-radius: 9px; font-size: 12.5px; font-weight: 600;
  font-family: 'Helvetica Neue', Arial, sans-serif; font-variation-settings: normal;
  color: #fff; background: rgba(14,14,17,.66); backdrop-filter: blur(10px);
  box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset; pointer-events: none;
}