/* Subtle parchment texture — light mode only (preview defaults: CSS stack panel) */

:root[data-theme="light"] {
  /* No vignette — keeps flat #f5f4ed brightness */
  --parchment-grain-lines: 0.03;
  --parchment-grain-fiber: 0.03;
  --parchment-texture-image:
    repeating-linear-gradient(
      90deg,
      rgba(160, 150, 130, 0.018) 0 1px,
      transparent 1px 3px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, var(--parchment-grain-fiber)) 0 1px,
      transparent 1px 4px
    ),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
}

/* Shared stack — fixed so every parchment surface lines up with the viewport */
html[data-theme="light"]:not(.has-suminagashi),
html[data-theme="light"]:not(.has-suminagashi) body,
html[data-theme="light"]:not(.has-suminagashi) #main,
html[data-theme="light"]:not(.has-suminagashi) .ui-lN5SP,
html[data-theme="light"]:not(.has-suminagashi) .ui-lN5SP.ui-1dfgugx,
html[data-theme="light"]:not(.has-suminagashi) .ui-lN5SP[data-layout-template="true"],
html[data-theme="light"]:not(.has-suminagashi) .site-content,
html[data-theme="light"]:not(.has-suminagashi) .site-content > .ui-iNQ6I,
html[data-theme="light"]:not(.has-suminagashi) .ui-lN5SP[data-layout-template="true"] > .ui-iNQ6I,
html[data-theme="light"]:not(.has-suminagashi) .ui-iNQ6I,
html[data-theme="light"]:not(.has-suminagashi) .ui-t0hUM,
html[data-theme="light"]:not(.has-suminagashi) footer.ui-t0hUM,
html[data-theme="light"]:not(.has-suminagashi) .kami-nav-wrap,
html[data-theme="light"]:not(.has-suminagashi) #intro,
html[data-theme="light"]:not(.has-suminagashi) #about,
html[data-theme="light"]:not(.has-suminagashi) #about-1,
html[data-theme="light"]:not(.has-suminagashi) #blog,
html[data-theme="light"]:not(.has-suminagashi) #work,
html[data-theme="light"]:not(.has-suminagashi) .home-contact,
html[data-theme="light"]:not(.has-suminagashi) .site-content .ui-iNQ6I section,
html[data-theme="light"]:not(.has-suminagashi) .site-content .ui-iNQ6I .ui-1i0qtub,
html[data-theme="light"]:not(.has-suminagashi) .site-content .ui-iNQ6I .ui-1ds6scf,
html[data-theme="light"]:not(.has-suminagashi) .site-content .ui-iNQ6I .ui-16tsbtq,
html[data-theme="light"]:not(.has-suminagashi) .site-content .ui-iNQ6I .ui-ke94pa,
html[data-theme="light"]:not(.has-suminagashi) .site-content .ui-iNQ6I .ui-166wsoe {
  background-color: var(--parchment) !important;
  background-image: var(--parchment-texture-image) !important;
  background-size: auto, auto, 180px 180px !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
  background-blend-mode: normal, normal, soft-light !important;
}

/* Full-bleed nav backdrops — same fixed stack so sticky header stays solid */
html[data-theme="light"]:not(.has-suminagashi) .kami-nav-wrap::before,
html[data-theme="light"]:not(.has-suminagashi) .kami-nav-links::before {
  background-color: var(--parchment) !important;
  background-image: var(--parchment-texture-image) !important;
  background-size: auto, auto, 180px 180px !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
  background-blend-mode: normal, normal, soft-light !important;
}

/* Ivory cards and surfaces stay flat */
:root[data-theme="light"] .site-content .post-thumb,
:root[data-theme="light"] .site-content .project-hero,
:root[data-theme="light"] #work .ui-0knC4,
:root[data-theme="light"] #work a.ui-0knC4,
:root[data-theme="light"] .ui-1aets0m-container:not(.home-contact),
:root[data-theme="light"] [class*="marquee"],
:root[data-theme="light"] .logo-marquee-tile {
  background-image: none !important;
  background-blend-mode: normal !important;
}