@font-face { font-family: 'Libre Bodoni'; font-style: normal; font-weight: 400; font-display: swap; src: url('/font/libre-bodoni-400.woff2') format('woff2'); }
@font-face { font-family: 'Libre Bodoni'; font-style: italic; font-weight: 400; font-display: swap; src: url('/font/libre-bodoni-400i.woff2') format('woff2'); }
@font-face { font-family: 'Libre Bodoni'; font-style: normal; font-weight: 700; font-display: swap; src: url('/font/libre-bodoni-700.woff2') format('woff2'); }

@font-face { font-family: 'Crimson Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url('/font/crimson-pro-400.woff2') format('woff2'); }
@font-face { font-family: 'Crimson Pro'; font-style: italic; font-weight: 400; font-display: swap; src: url('/font/crimson-pro-400i.woff2') format('woff2'); }
@font-face { font-family: 'Crimson Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url('/font/crimson-pro-700.woff2') format('woff2'); }

:root {
--pv-sfondo-primario: #f5e6d0;
--pv-sfondo-secondario: #e8d0a8;
--pv-testo-primario: #3a2010;
--pv-testo-secondario: #6b4428;
--pv-accento: #c87533;
--pv-accento-chiaro: #d4956a;
--pv-bordo-finestra: #c4a878;
--pv-ombra: rgba(58, 32, 16, 0.12);
--pv-font-titolo: 'Libre Bodoni', serif;
--pv-font-corpo: 'Crimson Pro', serif;
--pv-nebbia-base: #000000;
--pv-nebbia-scuro: #1a0e05;
--pv-nebbia-medio: #3a2010;
--pv-nebbia-chiaro: #d4956a;
}

/* Capolettera — Deserto (Siriaco/Geometrico) */
.capolettera {
  color: #8b5e3c;
  background: linear-gradient(145deg, #f5e6d0 0%, #e8d0a8 50%, #d8c090 100%);
  border: 2px solid #c87533;
  border-radius: 1px;
  box-shadow: inset 0 0 6px rgba(200,117,51,0.15), 2px 2px 6px rgba(58,32,16,0.15);
  text-shadow: 1px 1px 0 rgba(232,208,168,0.6);
  padding: 0.1em 0.14em 0.06em 0.1em;
}
.capolettera::before {
  content: '';
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(200,117,51,0.25);
  pointer-events: none;
}
.capolettera::after {
  content: '';
  position: absolute;
  inset: -3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M0 5L2.5 0L5 5L7.5 0L10 5' fill='none' stroke='%23c87533' stroke-width='.4' opacity='.2'/%3E%3Cpath d='M0 10L2.5 5L5 10L7.5 5L10 10' fill='none' stroke='%23c87533' stroke-width='.4' opacity='.2'/%3E%3C/svg%3E") repeat;
  opacity: 0.5;
  pointer-events: none;
  z-index: -1;
}

/* Fregi — Deserto (motivi geometrici, zig-zag) */
.finestra-parola .contenuto-finestra::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(200,117,51,0.1);
  pointer-events: none;
  z-index: 0;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M2 2L8 2L5 8Z' fill='none' stroke='%23c87533' stroke-width='.5' opacity='.25'/%3E%3Cpath d='M2 2H8' stroke='%23c87533' stroke-width='.4' opacity='.2'/%3E%3C/svg%3E") no-repeat top left,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M22 2L16 2L19 8Z' fill='none' stroke='%23c87533' stroke-width='.5' opacity='.25'/%3E%3Cpath d='M22 2H16' stroke='%23c87533' stroke-width='.4' opacity='.2'/%3E%3C/svg%3E") no-repeat top right,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M2 22L8 22L5 16Z' fill='none' stroke='%23c87533' stroke-width='.5' opacity='.25'/%3E%3Cpath d='M2 22H8' stroke='%23c87533' stroke-width='.4' opacity='.2'/%3E%3C/svg%3E") no-repeat bottom left,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M22 22L16 22L19 16Z' fill='none' stroke='%23c87533' stroke-width='.5' opacity='.25'/%3E%3Cpath d='M22 22H16' stroke='%23c87533' stroke-width='.4' opacity='.2'/%3E%3C/svg%3E") no-repeat bottom right;
}
.fregio-divisore {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16'%3E%3Cpath d='M20 8L35 3L50 8L65 3L80 8L95 3L100 6L105 3L120 8L135 3L150 8L165 3L180 8' fill='none' stroke='%23c87533' stroke-width='.8' opacity='.3'/%3E%3C/svg%3E");
}