@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('/font/cormorant-garamond-400.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('/font/cormorant-garamond-400i.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('/font/cormorant-garamond-600.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 700; font-display: swap; src: url('/font/cormorant-garamond-700.woff2') format('woff2'); }

@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('/font/eb-garamond-400.woff2') format('woff2'); }
@font-face { font-family: 'EB Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('/font/eb-garamond-400i.woff2') format('woff2'); }
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('/font/eb-garamond-600.woff2') format('woff2'); }

:root {
--pv-sfondo-primario: #fffdf5;
--pv-sfondo-secondario: #f8f0dd;
--pv-testo-primario: #2c1810;
--pv-testo-secondario: #5a4a3a;
--pv-accento: #8b6914;
--pv-accento-chiaro: #c8a96e;
--pv-bordo-finestra: #d4c4a8;
--pv-ombra: rgba(44, 24, 16, 0.12);
--pv-font-titolo: 'Cormorant Garamond', serif;
--pv-font-corpo: 'EB Garamond', serif;
--pv-nebbia-base: #000000;
--pv-nebbia-scuro: #1a1008;
--pv-nebbia-medio: #2c1810;
--pv-nebbia-chiaro: #c8a96e;
}

/* Capolettera — Luce d'Oro (Bizantino) */
.capolettera {
  color: #7a5a0a;
  background: linear-gradient(145deg, #faf3e0 0%, #f0e0b8 40%, #d4b870 100%);
  border: 2px solid #c8a96e;
  border-radius: 2px;
  box-shadow: inset 0 0 12px rgba(200,169,110,0.3), 0 0 8px rgba(139,105,20,0.15), 2px 2px 6px rgba(44,24,16,0.12);
  text-shadow: 0 1px 2px rgba(200,169,110,0.5), 0 0 6px rgba(139,105,20,0.1);
  padding: 0.1em 0.14em 0.06em 0.1em;
}
.capolettera::before {
  content: '';
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(200,169,110,0.4);
  border-radius: 1px;
  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='12' height='12'%3E%3Crect x='1' y='1' width='4' height='4' fill='none' stroke='%23c8a96e' stroke-width='.3' opacity='.3' rx='.5'/%3E%3Crect x='7' y='7' width='4' height='4' fill='none' stroke='%23c8a96e' stroke-width='.3' opacity='.3' rx='.5'/%3E%3C/svg%3E") repeat;
  opacity: 0.4;
  pointer-events: none;
  z-index: -1;
}

/* Fregi — Luce d'Oro (mosaico dorato, foglie d'acanto) */
.finestra-parola .contenuto-finestra::before {
  content: '';
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(200,169,110,0.15);
  border-radius: 3px;
  pointer-events: none;
  z-index: 0;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Crect x='2' y='2' width='6' height='6' rx='1' fill='none' stroke='%23c8a96e' stroke-width='.5' opacity='.3'/%3E%3Crect x='4' y='4' width='2' height='2' rx='.5' fill='%23c8a96e' opacity='.15'/%3E%3Cpath d='M10 2Q8 6 10 10' fill='none' stroke='%23c8a96e' 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='28' height='28'%3E%3Crect x='20' y='2' width='6' height='6' rx='1' fill='none' stroke='%23c8a96e' stroke-width='.5' opacity='.3'/%3E%3Crect x='22' y='4' width='2' height='2' rx='.5' fill='%23c8a96e' opacity='.15'/%3E%3Cpath d='M18 2Q20 6 18 10' fill='none' stroke='%23c8a96e' 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='28' height='28'%3E%3Crect x='2' y='20' width='6' height='6' rx='1' fill='none' stroke='%23c8a96e' stroke-width='.5' opacity='.3'/%3E%3Crect x='4' y='22' width='2' height='2' rx='.5' fill='%23c8a96e' opacity='.15'/%3E%3C/svg%3E") no-repeat bottom left,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Crect x='20' y='20' width='6' height='6' rx='1' fill='none' stroke='%23c8a96e' stroke-width='.5' opacity='.3'/%3E%3Crect x='22' y='22' width='2' height='2' rx='.5' fill='%23c8a96e' opacity='.15'/%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 8H180' stroke='%23c8a96e' stroke-width='.5' opacity='.3'/%3E%3Cpath d='M90 4L100 8L110 4M90 12L100 8L110 12' fill='none' stroke='%23c8a96e' stroke-width='.8' opacity='.35'/%3E%3Ccircle cx='60' cy='8' r='1.5' fill='%23c8a96e' opacity='.25'/%3E%3Ccircle cx='140' cy='8' r='1.5' fill='%23c8a96e' opacity='.25'/%3E%3C/svg%3E");
}