@font-face { font-family: "Marcellus"; src: url("fonts/marcellus.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/jost-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/jost-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/jost-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  /* palette dal sito */
  --bordeaux-950: #2a1210;
  --bordeaux-900: #3c1a17;
  --bordeaux-800: #4d221f;
  --bordeaux-700: #5e2b28;
  --bordeaux-600: #6f2f2f;
  --bordeaux-500: #8a3f3c;
  --ink: #3f2829;
  --avorio: #e6e3de;
  --carta: #efece7;
  --carta-chiara: #f7f5f1;
  --oro: #d9a960;
  --oro-chiaro: #ecd2a4;
  --salvia: #8ea084;
  --font-display: "Marcellus", "Times New Roman", serif;
  --font-ui: "Jost", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --radius: 14px;
  --radius-sm: 10px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font-ui); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.logo { display: block; color: var(--ink); }
.logo svg { display: block; width: 100%; height: auto; }

/* texture carta come sul sito */
.paper {
  background-color: var(--avorio);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0 0.27 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}