@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root { --page-width: 580px; --bg-deep: #070608; --bg-soft: #100c12; --panel-top: rgba(24,18,24,.9); --panel-bottom: rgba(10,8,12,.82); --ink: rgba(239,229,220,.94); --muted: rgba(203,184,180,.76); --faint: rgba(161,139,143,.62); --line: rgba(221,197,190,.15); --line-strong: rgba(221,197,190,.28); --wine: #6f263b; --wine-bright: #a7425f; --plum: #51334f; --silver: #aaadb7; --ivory: #d8cbbb; --shadow: rgba(0,0,0,.7); --radius: 12px; --radius-large: 18px; --texture-1: url('../images/p1.jpg'); --texture-2: url('../images/p2.jpg'); --texture-3: url('../images/p3.jpg'); --texture-4: url('../images/p4.jpg'); }
* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body { min-height: 100%; margin: 0; overflow-x: hidden; color: var(--ink); font-family: 'Cormorant Garamond', Georgia, serif; background: radial-gradient(800px 600px at 15% 8%, rgba(111,38,59,.18), transparent 62%), radial-gradient(720px 540px at 88% 28%, rgba(81,51,79,.13), transparent 65%), linear-gradient(rgba(7,6,8,.91), rgba(16,12,18,.96)), var(--texture-1), linear-gradient(180deg, var(--bg-deep), var(--bg-soft)); background-size: auto, auto, auto, cover, auto; background-position: center; background-attachment: fixed; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
a { color: inherit; }
img { max-width: 100%; }
[hidden] { display: none !important; }
::selection { color: #fff; background: rgba(111,38,59,.78); }