@font-face { font-family: 'Anybody'; src: url('../fonts/anybody.woff2') format('woff2'); font-weight: 100 900; font-stretch: 50% 150%; font-style: normal; font-display: swap; }
@font-face { font-family: 'Anybody'; src: url('../fonts/anybody-italic.woff2') format('woff2'); font-weight: 100 900; font-stretch: 50% 150%; font-style: italic; font-display: swap; }
@font-face { font-family: 'Instrument Sans'; src: url('../fonts/instrument-sans.woff2') format('woff2'); font-weight: 400 700; font-stretch: 75% 100%; font-style: normal; font-display: swap; }
@font-face { font-family: 'Instrument Sans'; src: url('../fonts/instrument-sans-italic.woff2') format('woff2'); font-weight: 400 700; font-stretch: 75% 100%; font-style: italic; font-display: swap; }
@font-face { font-family: 'Martian Mono'; src: url('../fonts/martian-mono.woff2') format('woff2'); font-weight: 100 800; font-stretch: 75% 112.5%; font-display: swap; }

:root {
  color-scheme: dark;

  --nuit: #0b0a10;
  --asphalte: #14121b;
  --gomme: #1d1a26;
  --trait: #2a2735;
  --trait-fort: #3c3749;
  --craie: #f6f3fb;
  --brume: #aba5ba;
  --brume-vive: #cfcadb;
  --etoile: #ffc53d;
  --hausse: #52e3a4;
  --baisse: #ff7a7a;
  --neon: #ff5c98;
  --barre: #5e5775;
  --barre-forte: #ff5c98;

  --degrade: linear-gradient(100deg, #feda75 0%, #fa7e1e 25%, #e1306c 55%, #962fbf 80%, #5b51d8 100%);
  --chrome: linear-gradient(172deg, #ffffff 0%, #e4dfee 34%, #9a94a8 50%, #f3f0f8 62%, #c4bed1 100%);

  --police-affiche: 'Anybody', 'Arial Black', system-ui, sans-serif;
  --police-texte: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --police-mono: 'Martian Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --coupe: 18px;
  --coupe-petite: 12px;
  --rayon: 10px;

  --verre-fond: rgba(11, 10, 16, .3);
  --verre-fond-dense: rgba(11, 10, 16, .55);
  --verre-liseré: inset 0 0 0 1px rgba(246, 243, 251, .08);
  --verre-ombre: 0 18px 50px rgba(0, 0, 0, .6), 0 2px 10px rgba(0, 0, 0, .45);
  --verre-ombre-posee: 0 10px 28px rgba(0, 0, 0, .34), 0 1px 4px rgba(0, 0, 0, .3);
  --verre-flou: blur(30px);
  --gouttiere: clamp(16px, 3vw, 40px);
  --duree: 180ms;
  --courbe: cubic-bezier(.2, .8, .2, 1);
}