/* Barefoot Hardware, papier et boutons, v2, 2026-11-01.
   Papier de Cybernetica et The Sovereign Way (grain et marbré), teinté avec l'encre du site.
   Les effets sur le texte de la v1 sont retirés. Boutons carrés.
   Couleurs, polices et mise en page de Barefoot inchangées. */

:root{
  --bf-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0.13  0 0 0 0 0.18  0 0 0 0 0.15  -1.6 0 0 0 0.98'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");
  --bf-marble:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1080' height='1350'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='4' seed='7' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0.33  0 0 0 0 0.38  0 0 0 0 0.33  1.4 0 0 0 -0.55'/></filter><rect width='100%' height='100%' filter='url(%23m)'/></svg>");
}

/* 1. Le grain du papier */
body::before{
  background-image:var(--bf-grain)!important;
  background-size:256px 256px!important;
  mix-blend-mode:multiply!important;
  opacity:.3!important;
  z-index:60!important;
}

/* 2. Le papier marbré */
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:var(--bf-marble);background-size:1080px 1350px;
  mix-blend-mode:multiply;opacity:.07;
}

/* 3. Boutons carrés */
.hero .device-button{border-radius:0}
.round{border-radius:0}

@media print{body::before,body::after{display:none}}