@layer base {
  :root {
    --font-serif: 'Noto Serif SC', 'Noto Serif JP', serif;
    --font-display: 'Noto Serif SC', 'Noto Serif JP', 'Cinzel', serif;
    --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  }

  body {
    font-family: var(--font-sans);
    background-color: #fbf9f4;
    color: #1b1c19;
    background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuDXYGGLsNAv-Z_jhH2kULhnbMeeOMn5Bcy35EjopwDLzCARMt2MpXWn0moR4kW_EiDQ0rNt3_GurjIehsHQNsTdRdUrMx2euPuip8JnDz5OMJRKm_hNAKX1oahvdAaMKwvBJSmqm-CLaTZM4xl1SZLjEPZ8zYSttT2nAcx2oNP8mbtvRzjwMD_tVeNNrCbdmrQwT3RP5uDZEoPgjfd9dlOVPbuwLl3L_FasXYlgidnxPBFSwBa50squvsLkGt0w5-6BsYEDj5Ym6jI1");
    background-repeat: repeat;
  }

  h1, h2, h3, h4, h5, h6, .font-serif {
    font-family: var(--font-serif);
  }
}

.vertical-text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

/* Custom scrollbar matching paper aesthetic */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f0eee9;
}

::-webkit-scrollbar-thumb {
  background: #c8c2b7;
}

::-webkit-scrollbar-thumb:hover {
  background: #810009;
}

/* Strict 0px radius helper & animations */
.no-round {
  border-radius: 0 !important;
}

@keyframes sealPulse {
  0%, 100% { opacity: 0.95; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.03); }
}

.animate-seal {
  animation: sealPulse 3s ease-in-out infinite;
}