/* Modernes Design mit System-Schriftarten */
body {
    background-color: #12100e;
    color: #d5c5a1;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.parchment-panel {
    background: linear-gradient(135deg, #f4ecd8 0%, #e5d3af 100%);
    color: #221a14;
    border: 2px solid #5c4a38;
    box-shadow: inset 0 0 40px rgba(92, 74, 56, 0.25), 0 10px 25px rgba(0,0,0,0.6);
    position: relative;
}
.parchment-panel::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: radial-gradient(circle at 50% 50%, transparent 0%, rgba(58, 51, 42, 0.08) 100%);
    pointer-events: none;
}

.dark-panel {
    background: linear-gradient(180deg, #1c1814 0%, #12100e 100%);
    border: 1px solid #4a3b32;
    box-shadow: 0 8px 20px rgba(0,0,0,0.7);
}

.corner-ornament {
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #5c4a38;
}
.corner-tl { top: 4px; left: 4px; border-right: none; border-bottom: none; }
.corner-tr { top: 4px; right: 4px; border-left: none; border-bottom: none; }
.corner-bl { bottom: 4px; left: 4px; border-right: none; border-top: none; }
.corner-br { bottom: 4px; right: 4px; border-left: none; border-top: none; }

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #14110e;
}
::-webkit-scrollbar-thumb {
    background: #4a3b32;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #6b5446;
}